Skip to content

DevDre783/Nomadr-AirBnB-Clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

82 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Welcome to Nomadr !!

Challenges

- The put route was hands down the most difficult route to build for this project. I had a lot of trouble with retrieving the user input information to auto-populate the edit form as well as getting state to persist, I kept losing state on refresh as well as losing the updated information. My solutions to these two problems were 1. to use Optional Chaining (https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Optional_chaining) to keep state on refresh and as for the edit form, 2. I was able to use localStorage to grab the input values saved and have them populate the inputs on the edit form.

- Another challenge I faced was the post route. I kept running into losing state issues again and my route paths were crossed. All in all it was a mess until I started to figure out where the bugs were coming from by doing some console.log tracing AKA good ol' debugging from the backend to the frontend routes.

Home Page

Nomadr - get out there! - Google Chrome 1_13_2022 4_17_51 PM

Nearby Van Listings

Nomadr - get out there! - Google Chrome 1_13_2022 4_21_29 PM

Host a Van Form

Nomadr - get out there! - Google Chrome 1_13_2022 4_25_10 PM

Edit a Van Form

Nomadr - get out there! - Google Chrome 1_13_2022 4_26_28 PM

Log in

Nomadr - get out there! - Google Chrome 1_13_2022 4_28_16 PM

Sign up

Nomadr - get out there! - Google Chrome 1_13_2022 4_29_58 PM

Database Schema

Nomadr

Features

  • Sign up/Log in and demo user login
  • Van listings to view a collection of vans nearby
  • Host and edit your vans that you post available to rent
  • Under construction.....

Installation

  1. Clone the repository git clone [email protected]:DevDre783/Nomadr-AirBnB-Clone.git
  2. Install necessary dependencies for node.js npm install
  3. Create a database called auth_db
  4. Set password as 'password' or any password. Note: make sure it is the same password as the one in the .env file variables
  5. Create a new env file with the appropriate settings.
  6. Run migrations and seed data: npx dotenv sequelize db:migrate && npx dotenv sequelize db:seed:all
  7. Start both the backend and frontend server: cd into each folder and run npm start

Techologies Used

  • JavaScript
  • Express
  • Git
  • React
  • CSS
  • Redux
  • Heroku
  • Sequelize
  • PostgreSQL

Documentation Links

Contributors

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published