kenny-leong / nightmode

🌙 nightmode. — the (much needed) dark mode version of Airbnb

nightmode.

Are you tired of being blinded by the blinding light of traditional vacation rental websites? Fear not, nightmode has your back! Inspired by the one and only Airbnb, Nightmode is your go-to dark knight for finding cozy homestays and exciting tourism activities. It's like having a virtual butler guiding you through the shadows of the best vacation spots. And the best part? No more squinting at your screen or feeling like a vampire in broad daylight! Nightmode's dark mode version will make your eyes feel like they're on vacation too. So sit back, relax, and let Nightmode take you to the dark side (in a good way).

Click here to view nightmode's Live Site

Navigate to:

• Feature List
• Database Schema
• API Routes

Technologies Used:

• Javascript
• PostgreSQL
• Sequelize
• Express
• React
• Redux

Features:

Demo User Implementation:

• Feel free to test the site features through clicking the "Demo User" button which will directly log you in

Sign up a User:

• You will be able to sign up and automatically be redirected to the logged in page
• There are validations for signing up such as username length requirements, valid email address, password length, etc
• Passwords must be matching when entered twice or the signup button will be disabled
• Friendly reminders will display and signup will be blocked if fields are not properly filled out

User Login and Authentication:

• You are able to login as long as your credentials are stored within the database (hashed)
• If there are no matching credentials an error message is displayed
• Login button is disabled if there are null fields or if the amount of characters entered is not within the acceptable range

Create Your Own Listing:

• You will be able to create a listing by click on the "Create a Spot" button to the right of the navigation bar
• You must be logged in to create a listing
• Dynamic validations implemented so any fields that do not pass validations will have an error message appear above the field and require resubmission
• Upon successful creation you will be redirected to your new listing

• Below is an example of the dynamic error messages
  
  

Update/Delete Your Own Listing(s)

• You will be able to see an owner action section to edit and delete your own listings
• You will not be able to see this section if you are not the owner for this listing