Challenge: Create a small version of Airbnb - Windbnb with given data. Use Front-end libraries like React or Vue. Don’t look at the existing solution. Fulfill user stories below:
- User story: I can see a list of properties
- User story: I can see the property card with a name, rating, apartment type, and super host
- User story: I can open the filter drawer
- User story: I can filter properties by location and number of guests
- User story: I can see the number of filtered items
- User story: I can see pages following given designs
- React
- TypeScript
- Vite
- Sass
- BEM
- clsx
- zod
- zustand
- @hrc/button
- @hrc/material-icons
- @hrc/spinner
- @hrc/toggle-theme
- @hrc/type-utils
- fontsource
- @material-design-icons/font
- Dark mode
- Display data following a given design
- Filter data by different criteria
- Share data and functions between components with
zustand - Validate received data with
zodschemas
To clone and run this application, you'll need Git, Node.js and pnpm installed on your computer. From your command line:
# Clone this repository
git clone https://github.com/Hdoc1509/dev-challenges
# install all workspace dependencies
cd dev-challenges && pnpm install
# Run windbnb in dev-mode
cd apps/windbnb
pnpm run dev --open