Solution for a challenge from Devchallenges.io.
My main goal building this project was learning and testing some features of Vue.js. So... You may find some unnecessary code, like using Vuex store to filter 4 cities :)
- Live demo
- The project itself was very interesting to build, I used to recreate the design from images, like in Frontendmentor.io, using Figma made my development process faster. I also could easily implement all the functionalities using the Vue directives
- I could learn the Vue.js framework and Vuex
- Users can see a list of properties
- Users can see the property card with a name, rating, apartment type, and super host
- Users can open the filter drawer
- Users can filter properties by location and number of guests
- Users can see the number of filtered items
- Users can see pages following given designs
- Users can filter the properties by typing the city or country
- Users can clear the location and number of guests
This application/site was created as a submission to a DevChallenges challenge. The challenge was to build an application to complete the given user stories.
To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:
# Clone this repository
$ git clone https://github.com/matiussi/windbnb
# Install dependencies
$ npm install
# Run the app
$ npm run serve- GitHub @matiussi