A client-server REST application designed for a tech support team at a video-game developing company, with the purpose of providing players of their cross-platform game, who experience game-related technical issues, a UI which assists them in opening support tickets and track their progress.
Project built with the MERN stack. For the frontend documentation see PlayerCare UI
View the Heroku deployed app here: PlayerCare
Both the server (auto-reloads with nodemon) and the client applications are setup to run simultaneously in development mode using concurrently.
From your root project folder in your terminal run the following
npm run dev
and open http://localhost:3000 in your brower to view the app.
The backend API is a Node/Express server which connects to a noSQL database in MongoDB using the Mongoose object modeling library.
To start the server by itself, also from the project folder run
# manually
npm start
# or auto-reloading with nodemon
npm run server
The frontend UI is a React/Redux single-page application bootstrapped with Create React App using the Redux Toolkit template, e.g.
npx create-react-app frontend --template redux
To start the client by itself, also from your project folder run
npm run client
For installing npm packages
# backend/package.json
npm i <pkg>
# frontend/package.json
cd frontend
npm i <pkg>
You'll need an .env
file (on your root project folder) to include the MongoDB database connection URI and a JSON Web Token secret to encrypt user login info, i.e.
NODE_ENV=development
PORT=5000
MONGO_URI=mongodb+srv://<your-db-uri>
JWT_SECRET=soM3VeRyLOngAlPhaNUMer1cEncRypT10n
Here is a quick intro to MongoDB Atlas to setup your database.