An open API service indexing awesome lists of open source software.

https://github.com/kanugurajesh/userauthentication

An open source scalable authentication template
https://github.com/kanugurajesh/userauthentication

authentication mongodb-atlas tailwindcss typescript

Last synced: 3 months ago
JSON representation

An open source scalable authentication template

Awesome Lists containing this project

README

          




User Authentication



# User Authentication 🔑

This project is used to provide Authentication as a service to the users who want to develop web applications.Developers can build their dream projects on top of this project.

### Problem Statement ❓

Many Developers need a proper Authentication system for securing their web applications but Authentication system is hard to implement and if we use third party services it costs a lot.

### Solution Statement 💡

This project is aimed at solving the above Problem this project uses mongodb atlas shared version to handle customers and nodemailer to verify users all of it at zero cost, complete security and with proper project structure.

## Run Locally

Clone the project

```bash
git clone https://github.com/rajesh604/userAuthentication
```

Go to the project directory

```bash
cd userAuthentication
```

Install dependencies

```bash
npm install
```

Start the server

```bash
npm run build
add data.json and forgetemail.json in dist folder
npm run start
```

The project will be running on http://localhost:8000

## Features

- Authentication
- Can be used with other tech stacks
- Free of cost
- Cross platform

## Demo

[](https://www.youtube.com/embed/cVpG4fFyIMo?si=NCi_HsxJ9ju9ySio)

## Screenshots

### Register
![Register](https://ik.imagekit.io/hbzknb1hm/register.png?updatedAt=1696003681826)

### Login
![Login](https://ik.imagekit.io/hbzknb1hm/login.png?updatedAt=1696003682082)

### Forget Password
![Password](https://ik.imagekit.io/hbzknb1hm/password.png?updatedAt=1696003681765)

## Usage
You can build your own project on top of this project, thanks to its scalable structure.

### Frontend

In the 'src/components' directory of the frontend, you can create subfolders to organize React components for specific sections of the website, such as the main page or end page.

![Frontend Image](https://ik.imagekit.io/hbzknb1hm/Screenshot%202023-09-19%20000223.png?updatedAt=1695062006972)

### Backend

In the 'src' directory of the backend, you can organize components into subfolders within 'controllers,' 'models,' 'middlewares,' and 'routes' to define backend functionality for specific sections of the website.

![Backend Image](https://ik.imagekit.io/hbzknb1hm/Screenshot%202023-09-19%20000210.png?updatedAt=1695062032104)

## Authors

- [@rajesh604](https://www.github.com/rajesh604)

## Used By

This project is used by the following companies:

- GDSC MVSR

## Contributing

Contributions are always welcome!

See [`contributing.md`](https://github.com/rajesh604/userAuthentication/blob/main/contributing.md) for ways to get started.

Please adhere to this project's [`code of conduct`](https://github.com/rajesh604/userAuthentication/blob/main/code_of_conduct.md).

## Tech Stack

**Client:** React, TailwindCSS, Vite

**Server:** Node, Express

**Database:** Mongodb Atlas

## Support

For support, you can buy me a coffee

Buy Me A Coffee

## License
[![MIT License](https://img.shields.io/badge/License-MIT-green.svg)](https://github.com/rajesh604/userAuthentication/blob/main/LICENSE.txt)