This is project Next.js was bootstrapped with create-next-app.
This project is a front end clone of Airbnb to learn React.js, Next.js, and Tailwindcss. It makes use of nodes and APIs to help create the front-end look. It has a homepage, search bar, loading bar, and mapbox showing locations of airbnb places.
- The homepage contains an explore section, footer, and photos to replicate the front end of Airbnb and utilizes an API.
- When typing into the seach bar it will pull up a date range picker, allows for changing for the number of people.
- Utilizing an API for locations, photos, and names of places for cards and the mapbox shows the locations and has a clickable effect to find out the title of that location.
- Tailwind Install
- Hero Icons for search bar icon
- API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in
pages/api/hello.js - Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
- Date Range React Picker
- Progress Bar
- Mapbox - The key is a public key
- React Map - Used with Mapbox to make functional
- Geolib - Used to get markers for map