Run npx @hedgehoglab/frontend-tech-test-server@latest to run the API.
Then in the project directory, you can run npm run dev, which will run the app in development mode.
Open http://localhost:5173/ to view it in your browser.
Instead of npm run dev you can run npm run preview to use the build version of the app.
Run npm test to launch the test runner.
N.B. Jest is set up to run the tests, but needs a lot more work to make it work with react-router. The __tests__ directory is set up as a starting point.
Pushing to the Git repository will automatically deploy the app to Netlify. The deploy script runs npm run build. If you have the API running locally it should connect properly.
- Uses Typescript throughout
- Authentication flow borrows heavily from previous auth flow done as part of a React course
- Users "store" is simply an object stored in memory. If the app grew I would use something like
redux - Getting all users currently capped at 1000, with pagination done client side. If the user object grew much bigger or the number of users grew to 1000s, would reconsider using server-side pagination
- Responsive design, with breakpoints at 40rem (640px) and 60rem (960px)
- Light and dark mode, depending on user device preference
- Header icon, default user image and favicon created using MidJourney
- Raleway font downloaded from Google fonts
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent