This is a solution to the Job listings with filtering challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Users should be able to:
- View the optimal layout for the site depending on their device's screen size
- See hover states for all interactive elements on the page
- Filter job listings based on the categories
- Solution URL: Frontend mentor
- Live Site URL: Online Demo
- ⚡️ Vite - Next Generation Frontend Tooling
- ⚛️ React 18 - A JavaScript library for building user interfaces
- 💎 TypeScript - JavaScript with syntax for types
- 🚀 Vitest - Blazing Fast Unit Test Framework
- 🔨 EsLint - Pluggable JavaScript linter
- 🌀 Prettier - Opinionated Code Formatter
- 🐺 Husky - Native Git hooks
- 📑 Commitlint - Linting your commits based on commit convention
Pnpm is up to 2x faster than the alternatives (npm, yarn, ...) so let's use it 🚀
pnpm installIn this project, you can run the following scripts:
| Script | Description |
|---|---|
| pnpm dev | Runs the app in the development mode. |
| pnpm build | Builds the app for production to the dist folder. |
| pnpm preview | Builds the app for production to the dist folder, and run locally server. |
| pnpm lint | Runs the Eslint and show code problems |
| pnpm lint:fix | Runs the Eslint and fix the code problems |
| pnpm format | Runs the Prettier and fix code style |
| pnpm test | Run the app tests. |
Thanks Frontendmentor for this really cool challenge ❤️
This project is licensed under the MIT License.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent