Giter Club home page Giter Club logo

nightmode's Introduction

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:

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

demo-user

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

signup-user

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

login-user

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

create-listing

  • Below is an example of the dynamic error messages

    listing-validators

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

update-listing

nightmode's People

Contributors

kenny-leong avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.