/Project_3_CodeVid20

An application that help users keep track of their daily life.

Primary LanguageJavaScriptMIT LicenseMIT

License: MIT

Project Title: CalenDate 🙌

Team Name: CodeVid_20
Team Members: Nathaniel, Michelle, TongTong and Nicholas
  • An app that help users keep track of their daily life.
  • This project showcases how to add authentication using Auth0, React, Node, and MongoDblibrary.

Table of Contents:


Features

  • Add Events , View Events
  • Able to show events that is coming up for the next 5 days

Installation

  1. Clone this repository.

    git clone git@github.com:choumrdh/Project_3_CodeVid20.git
    
  2. Navigate into the cloned directory.

    cd Project_3_CodeVid20
    
  3. Install Nodejs dependencies.

    npm install
    
  4. Add .env file inside client folder, with the following configuration.

    REACT_APP_DOMAIN=
    REACT_APP_CLIENT_ID=
    REACT_APP_AUDIENCE=
    
  5. The values for the above config variables can be found from the Auth0 dashboard.

  6. In the root directory of the project, start the application.

    npm start
    
  7. In your browser navigate to the following page.

    http://localhost:3000
    
  8. The following test id can be used to login:

    user id: test@test.com

    password: P@ssword


NPM Packages

Package Documentation
auth0/auth0-react auth0/auth0-react
@material-ui/core @material-ui/core
react react
react-router-dom react-router-dom
date-fns date-fns
axios axios
bcrypt bcrypt
express express
express-session express-session
dotenv dotenv
mongoose mongoose

Heroku Deployment

This project is deployed on Heroku. The link to web app is:

CalenDate


Contribution 🤝

contributions welcome


Author 👤

  • Nathaniel follower
  • Michelle follower
  • TongTong follower
  • Nicholas follower

License

This project is licensed under the MIT License - see the LICENSE file for details.