Being a front-end developer we are always concerned with visuals. So, let's work with Figma, create styles, components, etc.

We will also bring the Storybook to React, create our documentation and components.

Now we are going to create our own Github workflow CI/CD, making actions to Github Pages to get our Storybook online and updating it automatically for every production build published to Github.

You can use git or a tool like degit to clone my projects for your directory.

#clone project repository
git clone HTTTPS-or-SSH-URL
#OR
npx degit gw-rodrigues/repository-name new-project-folder-name

#go to project folder
cd new-project-folder-name

#install dependencies
npm install
#OR
yarn

#start project developer mode
npm run dev
#OR
yarn dev

Open http://localhost:3000 with your browser to see the result.