Login App

Demo

https://oauth-h3cg.onrender.com

Tech Stack

Client: CSS, EJS

Server: Node, Express, MongoDB, PassPort JS

Using Packages

• express
• bcryptjs
• ejs
• cors
• mongoose
• morgan
• helmet
• cookie-parser
• cookie-session
• jsonwebtoken
• passport
• passport-github2
• passport-google-oauth20
• express-session

Run Locally

Clone the project

  git clone https://github.com/who-0/Oauth.git

Go to the project directory

  cd Oauth

Install dependencies

  npm install

Environment Variables

To run this project, you will need to add the following environment variables to your .env file

PORT=3000

MONGO_URL ="mongodb+srv://nasa-api:[email protected]/oauth?retryWrites=true&w=majority"

COOKIE_KEY_1 = oauth_app

COOKIE_KEY_R = Oauth_app_R

GOOGLE_CLIENT_ID = Your google clinet id

GOOGLE_CLIENT_SECRET = Your google clinet secret

GITHUB_CLIENT_ID = Your github clinet id

GITHUB_CLIENT_SECRET = Your github clinet secret

  npm start

File Structre

Front_End

  -public
    |__css
    |   |__error.css
    |   |__home.css
    |   |__login.css
    |   |__profile.css
    |   |__signup.css
    |
    |__img
        |__error.svg
        |__github.svg
        |__google.svg
        |__user.png

  -views
    |__cookie.ejs
    |__error.ejs
    |__home.ejs
    |__login.ejs
    |__privacy.ejs
    |__profile.ejs
    |__signup.ejs

Back_End

  -src
    |__app.js
    |__server.js
    |__config
    |   |__.env
    |   |__github.passport.js
    |   |__google.passport.js
    |   |__mongodb.js
    |
    |__controllers
    |   |__auth.controller.js
    |   |__home.controller.js
    |   |__profile.controller.js
    |
    |__middlewares
    |   |__verify.middleware.js
    |
    |__models
    |   |__users.model.js
    |   |__users.mongo.js
    |
    |__routes
        |__api.js
        |__auth.router.js
        |__home.router.js
        |__profile.router.js

Oauth App UI Design

Oauth App Login Page

Oauth App Signup Page

Oauth App Home Page

Oauth App Profile Page