Welcome to our stunning MERN application project! This project involves building a modern web application with interactive features. Below, you'll find the URLs for the client and server applications, along with the required tech stacks.
The client application is built using React, providing a dynamic and interactive user interface. It offers seamless navigation and responsiveness across devices.
🔧 Server URL (For Live Testing, load this server to spin up the activity on render before running the application)
The server application is powered by Node.js and Express.js, providing robust backend APIs for handling user requests and interacting with the database. MongoDB is used as the database to store user data securely.
git clone git@github.com:vinayak700/FullStack-Assessment.git
This guide covers the setup process for both the Client and Server sides of your application.
npm install
To set up environment variables, follow these steps:
-
Create a
.env
file inside your client root directory. -
Open the
.env
file using a text editor. -
Add the following environment variables in the
.env
file:REACT_SERVER_URL=http://localhost:8080/api/v1
To start the client, follow these steps:
-
Navigate to the Client directory:
cd ./Client
-
Then start the client:
npm run start
To install dependencies for the server, run the following command:
npm install
- Navigate to the Server directory:
cd ./Server
-
Navigate to your Server directory.
-
Create a
.env
file inside your Server directory. -
Add the following environment variables to the
.env
file:
MONGODB_URL=YOUR_MONGOATLAS_KEY
JWT_SECRET_KEY=YOUR_SECRET_KEY
CLOUDINARY_CLOUD_NAME=YOUR_CLOUDINARY_CLOUD_NAME
CLOUDINARY_API_KEY=YOUR_CLOUDINARY_API_KEY
CLOUDINARY_API_SECRET=YOUR_CLOUDINARY_SECRET_KEY
RESEND_API_KEY=YOUR_RESEND_API_KEY
To start the server, run the following command:
npm run start
- Frontend: React
- Backend: Node.js, Express.js
- Database: MongoDB
- Image Storage: Cloudinary
- Authentication: JWT (JSON Web Tokens)
- Encryption: bcrypt
- Email Service: Resend
These tech stacks ensure a modern, scalable, and secure web application that meets the highest standards of performance and user experience.
Let's build something amazing together!