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.