https://github.com/apfirebolt/express-to-do-with-google-oauth

Simple express application with google oauth
https://github.com/apfirebolt/express-to-do-with-google-oauth

css express github-oauth google-oauth2 handlebars materializecss passportjs

Last synced: 9 days ago
JSON representation

Simple express application with google oauth

• Host: GitHub
• URL: https://github.com/apfirebolt/express-to-do-with-google-oauth
• Owner: Apfirebolt
• Created: 2022-03-12T05:01:32.000Z (almost 3 years ago)
• Default Branch: master
• Last Pushed: 2024-05-11T23:08:58.000Z (9 months ago)
• Last Synced: 2025-01-21T00:49:51.200Z (13 days ago)
• Topics: css, express, github-oauth, google-oauth2, handlebars, materializecss, passportjs
• Language: JavaScript
• Homepage:
• Size: 541 KB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![Express.js](https://img.shields.io/badge/express.js-%23404d59.svg?style=for-the-badge&logo=express&logoColor=%2361DAFB)

![MongoDB](https://img.shields.io/badge/MongoDB-%234ea94b.svg?style=for-the-badge&logo=mongodb&logoColor=white)

![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)

![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)

![MUI](https://img.shields.io/badge/MUI-%230081CB.svg?style=for-the-badge&logo=material-ui&logoColor=white)



  Express To Do with Google OAuth



## App Features

- Login using your Google Credentials and then he/she should be able to create stories with title and body.

- Integrate with Github Oauth.

- Create a back-end login system which is separate from Google or Github credentials.

## Overview

The app is inspired from one of the Express apps which was built by Brad Traversy in one of his Node courses. It had only Google Auth in it with a CRUD model on stories. I've added Github login as well aside from the Google Login which original app had. Aside from this, it also has a local authentication system to register and login for those who do not wish to login using

their Google or Github accounts.

It uses short-term cookies for persistent session creation which would be done upon successful passport authentication through any of the allowed login methods. This Application is built in Express JS using MongoDB as the database provider, Mongoose package is used for ORM and materialize CSS is used for styling.

## Development Setup

Please install node modules through npm install command, contains separate front-end and back-end sections.

```

npm install

// For development

npm start

```

The snippet below contains env variables from where you need to fetch the Google and Github credentials. For Google it can be obtained from app developer console.

```

module.exports = {

  mongoURI:process.env.MONGO_URI,

  googleClientID:process.env.GOOGLE_CLIENT_ID,

  googleClientSecret:process.env.GOOGLE_CLIENT_SECRET,

  githubClientID:process.env.GITHUB_CLIENT_ID,

  githubClientSecret:process.env.GITHUB_CLIENT_SECRET

}

```

## Updates

- 12/3/2022 - Added local passport authentication with Google Auth, users can now register and login if they do not 

have a Google account.

- 13/3/2022 - Added github passport authentication which uses Github OAuth2 API.

## Project Screenshots

Screenshots would be added as development is in progress. Below is the welcome page of the application.

![alt text](./screenshots/welcome.png)

Add Story Page

![alt text](./screenshots/add_story.png)

List of stories for a logged in user displayed on the dashboard page.

![alt text](./screenshots/story.png)

## Estimated Completion Time

The project is expected to be completed in around 2 days.