This project was bootstrapped with Create React App.
Visit: https://nancybolstad.github.io/noroff-react-ma3/
This is served from the master branch. It includes all the compulsory requirements for this module assignment.
- TypeScript for development and Storybook for UI testing.
- Routing with react-router-dom.
- Used react-hook-form and yup for creating a simple login form.
- Theme components via the wrapper component, provided by Styled Components.
- Lazy load components (with react.lazy and suspense).
- Automated workflow: Github workflow and Netlify.
Visit: https://zen-kalam-ccfab6.netlify.com/
This is deployed from the staging branch. It includes additional features that will be included in the next release.
- Use Fetch API service
- Access local storage
- Dark/light mode toggle
- Dashboard after login
- Add 404 error page
- Jest test
- Adding Google Custom Search
- Testing SEO using Fetch as Google
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
Deploy the website on local server. Make sure that you have installed serve. Read more about Deployment in local environment for more information.
Launches the storybook UI testing in the interactive watch mode.
See the section about storybook for more information.
Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
Your app is ready to be deployed!
Deploy the app on GitHub Pages site. This requires to include information about the homepage's URL in the package.json file.
For example: "homepage": "http://gitname.github.io/noroff-react-ma3",
Note: this is a one-way operation. Once you eject, you can’t go back!
You can learn more in the Create React App documentation.
To learn React, check out the React documentation.