Evallo Assignment

Introduction

A MERN stack application for managing the authentication of users and uploading the files.

Features

The key features of the application.

• validation and error handling for API requests
• authentication and authorization mechanisms to ensure secure access to the API endpoints
• Upload the files to the specified storage
• APIs for login and register, logout, uploading the file, and getting all files

Deployed link

link

Installation or How to run the app

I created a cloud database using MongoDB Atlas. So, if you want to run our code then please read the instructions below :

• Clone our repository https://github.com/srinivasGokarla/Evallo
• Open the code in your VS code, and open the Backend folder in the terminal by running cd Backend -Now run npm install or npm i which will install all the required packages of node
• After installation, now run npm run server and you will see the server is listening on 5000
• Simultaneously, open a new terminal and run cd frontend by which you get into the frontend folder
• Now here, run npm install or npm i which will install all the required packages of react as well
• After installation, now run npm start and you will see a new window opening in the default browser which is running on port http://localhost:3000
• Open MongoDb compass and URL mongodb://localhost:27017/users which will create a database collection named users
• Now you see the app running, you can click on Register to sign in and after that, you will be redirected to the Home page.

API Endpoints

Backend Applications provide a list of API endpoints

• POST /API/register - Register User
• POST /API/login - Login user
• POST /API/logout - Logout the user
• POST /API/upload-image - upload the file or image
• GET /API/get-image - Get all images for the user

Technology Stack

List and provide a brief overview of the technologies used in the project.

• MongoDB
• Express JS
• React JS
• Node JS

Dependencies and packages

Backend

• mongoose
  connecting MongoDB to the Node js server
• jsonwebtoken
  generate a token for securely transmitting information
• nodemon
  It monitors your project and automatically restarts when detects any changes.
• cors
  allowing browser should permit the loading of resources
• multer
  allowing to upload the different types of files into the database

Frontend

• axios
  JavaScript library to make HTTP requests or fetch data
• react-router-dom
  implementation of dynamic routing
• multer
  using to upload the file and show the files on the browser

Cloud Deployment

• Render used Render for deploying the MongoDB (database), and node js (Backend).
• Vercel used Vercel for deploying Reactjs(frontend)