SaveGames is a full-stack web application built with the MERN stack (MongoDB, Express.js, React.js, Node.js). It allows users to save and manage their favorite video games.
- Fetches all games data from mobygames api
- CRUD operations for managing saved games
- Game search and filtering
- Responsive UI for desktop and mobile devices
- Frontend: React.js, React Router, Axios, Bootstrap
- Backend: Node.js, Express.js, MongoDB, Mongoose
- Deployment: Render
To run this project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/varadkadtan/SaveGames-MERN-API.git cd savegames-mern
-
Install dependencies:
For both frontend and backend, navigate to their respective directories (
client
for frontend,server
for backend) and run:npm install
-
Set up environment variables:
Create a
.env
file in theserver
directory and add the following variables:MONGO_URI=mongodb+srv://username:password@cluster.sviazxr.mongodb.net/gameDB?retryWrites=true&w=majority&appName=Cluster API_KEY="YOUR API KEY" PORT = 5000
Replace
<your_mongodb_uri>
with your MongoDB connection string and"YOUR API KEY"
with a secret key for mobygames. -
Start the backend server:
node server.mjs
This will start the backend server on
http://localhost:5000
. -
Start the frontend development server:
Open a new terminal, navigate to the
client
directory, and run:cd client npm start
This will start the frontend development server on
http://localhost:3000
. -
Access the application:
Open your web browser and go to
http://localhost:3000
to access the SaveGames application.
The application is deployed using the following services:
The application fetches game data from MobyGames API.
This project is licensed under the MIT License - see the LICENSE file for details.