User-Authentication-System

KO | EN

gitlite — search

#react #ai #typescript #llm #golang #docker #nodejs #java #cli #vue #security #mcp #openai #open-source

User-Authentication-System

(★ 19)

No description available.

User-Authentication-System 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# User Authentication System

User Authentication System is a simple project built with the MERN stack, featuring three major functionalities: User Registration, User Login, and Reset Password.

## Installation

### Front-End App

1. Create a new folder for the front-end application:

```bash
   mkdir Front-End-App
   
2. Initialize a new Vite project:

```bash
   npm init vite@latest
    ```

Enter your project name.
Select React as the framework.
Choose JavaScript as the language.

3. Navigate to the project folder:

```bash
   cd Front-End-App

4. Install dependencies:

```bash
    npm install
    npm install axios bootstrap
    npm install @fortawesome/react-fontawesome @fortawesome/free-solid-svg-icons
    npm install react-toastify
    ```

5. Start the client :

```bash
    npm run dev    
    ```

### Server Side App

1. Create a new folder for the server-side application:

```bash
   cd server-End-App
   ```

2. Navigate to the project folder:

```bash
   cd server-End-App
   ```

3. Install dependencies:

```bash
    npm install
    npm install express mongoose cors nodemon cookie-parser bcrypt jsonwebtoken
    ```

4. Load the Nodemon for start the server:

Under the package.json , go to "scripts" , fill the "start" as "nodemon index.js"

5. Start the server:

```bash
    npm start
    ```

6. Create models folder for creating the database schema

Use the User.js for databse schema

### Screenshot

#### Registration Page
![alt text](https://raw.githubusercontent.com/hmadhavan57/User-Authentication-System/main/ScreenShot/register.png)

#### Login Page
![alt text](https://raw.githubusercontent.com/hmadhavan57/User-Authentication-System/main/ScreenShot/login.png)

#### Forget Password Page
![alt text](https://raw.githubusercontent.com/hmadhavan57/User-Authentication-System/main/ScreenShot/forgetPassword.png)

#### Reset Password Page
![alt text](https://raw.githubusercontent.com/hmadhavan57/User-Authentication-System/main/ScreenShot/reset.png)

#### Database Schema
![alt text](https://raw.githubusercontent.com/hmadhavan57/User-Authentication-System/main/ScreenShot/schema.png)

#### Sample code
![alt text](https://raw.githubusercontent.com/hmadhavan57/User-Authentication-System/main/ScreenShot/sample1.png)

![alt text](https://raw.githubusercontent.com/hmadhavan57/User-Authentication-System/main/ScreenShot/sample2.png)

User-Authentication-System

User-Authentication-System 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

User-Authentication-System

User-Authentication-System 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README