https://github.com/taichi-t/authenticator

🔑 A Full-stack application built with TypeScript.
https://github.com/taichi-t/authenticator

eslint express jest node nodemon passport prettier react redux-toolkit typescript webpack4

Last synced: 4 months ago
JSON representation

🔑 A Full-stack application built with TypeScript.

• Host: GitHub
• URL: https://github.com/taichi-t/authenticator
• Owner: taichi-t
• Created: 2020-11-09T06:16:24.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2021-08-02T11:12:03.000Z (almost 4 years ago)
• Last Synced: 2024-12-31T19:47:05.149Z (6 months ago)
• Topics: eslint, express, jest, node, nodemon, passport, prettier, react, redux-toolkit, typescript, webpack4
• Language: TypeScript
• Homepage: https://authenticator-neon.vercel.app/
• Size: 1.34 MB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
 # Authenticator

 



## Description 

Full-stack application for just authenticating made of TypeScript.

## Why I created

To understand how authentication flow works. I thought that the part of authentication is more difficult and important than others when it comes to applications. Also, most applications have an auth feature. So I decided to build it to comprehend every single detail of authentication flow.

## Technologies

### Language/Libraries

**Frone-End**

- TypeScript

- React

- Redux

- Emotion

- Material-UI

- Axios

**Back-End**

- TypeScript

- Express

- MongoDB

### Build tool

- Webpack

### Lint/Format/Test tools

- ESLint

- Prettier

- Jest

### CI/CD tool

- Github Actions

## OAuth flow

![OAuth flow](https://user-images.githubusercontent.com/54035518/126883889-5e505853-c635-4aac-88b8-ba9c44cf7b92.png)

## Architecture

![architecture](https://user-images.githubusercontent.com/54035518/126865120-a01822bd-0dd0-4306-bda2-083304c86fe1.png)

## Links

- Production (deployment/production branch)

    - https://authenticator-neon.vercel.app/

- Staging (deployment/staging branch)

    - https://authenticator-neon-staging.vercel.app/

note: Before visiting the website, please disable cross-site tracking permission on chrome or safari settings.

## Upcoming Features

- Add JWT authentication

- Add other OAuth providers, such as Facebook and Instagram

## References

- [passport](https://github.com/jaredhanson/passport)

- [passport-google-oauth20](https://github.com/jaredhanson/passport-google-oauth2)