m-strand / airbnb-mock-site Goto Github PK

##Airbnb Mock Home Page
The project is a recreation of the airbnb home page. My intention was to recreate the UI and basic UX using react and json server.

##Getting Started

##Dependencies
React 0.69
React-dom 18.2.0
React-Router-dom 6.3.0
HTML5
CSS4
json-server
Material Icons
Google Fonts

##Executing program

1. Clone the repository
2. Download the necessary dependencies listed above
3. Navigate into the repository and run the following command: json-server --watch db.json
4. Assuming this command was successful, this will start up the json server so that any data can be accessed
5. Open a new command window and navigate into the repository
6. Run the following command: npm start
7. Wait for the project to load and it should be all set!

##Authors
Please contact me for any questions regarding this repo.
Brooke Strand - [email protected]

##Version History
0.2 (TBD)
For the next release I would like to include the following features/improvements:
-Include more responsivity in the UI design to make the site more mobile friendly
-Create a filter feature similar to what is on the Airbnb home page
-Add more data and filter terrains to improve how the site looks

0.1
Initial Release

##License
Distributed under the MIT License.

##Acknowledgments
The images and listings I've used in this project were from the Airbnb website. My intention was to recreate basic UI/UX of the home page.