Stacks is React sample project that loads a list of the top 20 stack overflow users.
- Vite & SWC
- React
- Redux
- Typescript
- Vitest (Unit testing)
- SCSS (Using BEM naming conventions)
- Axios
- Loads and displays list of stack overflow users with profile name, reputation & image
- Responsive flex layout
- Toggle user follow
- Block user
- Search users
- Clone the repository:
https://github.com/autumn8/stackz.git
- Navigate to the project directory:
cd stackz
- Install dependencies:
npm install
- Start the development server:
npm run dev
- Open your browser and visit
http://localhost:5173
to visit the app.
To test the project:
npm run test
To build the project for production:
npm run build
Auto deploys to firebase hosting on push to master though github actions. Deployment test url: https://stackz-a7f8e.web.app/
- Extract conditional rendering logic for filtering into seperate components.
- Implement error logger.
- Add documentation generation
- Add cypress E2E tests