Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/aryanrathore63/ciperschools-full-stack-assignment-
https://github.com/aryanrathore63/ciperschools-full-stack-assignment-
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/aryanrathore63/ciperschools-full-stack-assignment-
- Owner: aryanrathore63
- Created: 2024-08-20T17:11:54.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-08-20T17:19:04.000Z (5 months ago)
- Last Synced: 2024-08-20T19:37:52.541Z (5 months ago)
- Language: JavaScript
- Size: 7.1 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Quiz Test Environment Platform Having MCQs Type Question Using(React.js,Node.js,MongoDB,JWT)
This is a full-stack JavaScript application that allows users to register and login to view a pre-existing page of your choice. Upon registration, users are required to supply a username, email address, and password. The application uses MongoDB, Express.js, JWT, and React.js to implement its functionality.
## Features
- User registration with validation for username, email, and password.
- User login with JWT authentication.
- Middleware implemented in Express.js to ensure usernames do not contain inappropriate words.
- Frontend implemented with React.js, featuring components for registration, login, and displaying a pre-existing page.
- Route handling in Express.js for registration, login, and fetching the pre-existing page.
## Technologies Used
- **MongoDB**: NoSQL database used to store user data.
- **Express.js**: Node.js web application framework used for the server-side implementation.
- **JWT (JSON Web Tokens)**: Used for user authentication.
- **React.js**: JavaScript library used for building user interfaces.
- **Node.js**: JavaScript runtime used for the server-side implementation.
## Installation
1. Clone the repository:
```
git clone
```
2. Navigate to the project directory:
```
cd javascript-login-registration-challenge
```
3. Install dependencies for both the server and client:
```
npm install
cd client
npm install
```
4. Set up environment variables:
- Create a `.env` file in the root directory.
- Define the following environment variables:
```
PORT=3000
MONGODB_URI=
JWT_SECRET=
```
5. Run the application:
```
npm run dev
```
6. Access the application at `http://localhost:3000` in your browser.
## Usage
- Register: Fill in the registration form with a username, email, and password. Click on the "Register" button to create a new account.
- Login: Fill in the login form with your username and password. Click on the "Login" button to authenticate and access the pre-existing page.