Wizard Shop | React Advanced

The goal of this project is to showcase advanced topics in React for neuefische web development bootcamp.

Each branch is dedicated to a specific topic:

Overview branches

• main: Setup of basic form with controlled components + render created products
• tags-exercise 1-5: Adding a tags field, increased difficulty per branch
• validation: Adding validation to the form
• styleguidist: Restructuring of project, adding a living styleguid with React Styleguidist
• favorite-products: Add functionality to add produts to favorits list
• add-router : Addings routes with react router dom
• redesign: Updating the complete UI and create a basic frontend for a wizard shopping app
• fetch-api: Connecting the app to the backend (https://github.com/miriamhaenle/wizard-shop-api)
• components-and-unit-tests: Component test for Tag component using react testing library
• e2e-test: end-to-end test for Tag component using cypress

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

npm test

Launches the test runner in the interactive watch mode.