React Workshop Series

React Workshop Series

Welcome to the Workshop Companion Hub

This is your step-by-step guide for the workshop on 15 Jul 2026 and 22 Jul 2026. Follow along at your own pace — each section builds on the last. By the end, you will have built and deployed your own personal profile card website!

Before Day 1 — Install on your laptop

Make sure you have these installed before Day 1 (15 Jul 2026):

  • 1

    Node.js (v18 or newer)

    Download the LTS build from nodejs.org. To check, open Terminal and type: node --version

  • 2

    VS Code (Visual Studio Code)

    Download from code.visualstudio.com. This is the code editor we will use all workshop.

  • 3

    A modern web browser (Chrome, Firefox, or Edge)

    You will use this to preview your website as you build it.

Before Day 2 — Create your accounts

Make sure you have your own GitHub and Vercel accounts ready before Day 2 (22 Jul 2026). We will push your profile card to GitHub and deploy it on Vercel.

  • 1

    Register a GitHub account

    Sign up at github.com/signup. Use an email you can access — you will need this account on Day 2.

  • 2

    Link & connect GitHub to VS Code

    Connect your GitHub account inside VS Code so you can push your project from the editor.

  • 3

    Create a Vercel account linked to GitHub

    Sign up at vercel.com/signup and connect the same GitHub account so Day 2 deployment is one click.

Before Day 1 (15 Jul 2026)

Install the Day 1 tools above, and set up GitHub + Vercel before Day 2 (22 Jul 2026). Check the sidebar for lock status.

Go to Day 1