OpenClassrooms - Project 12

This project is the 12th project of OpenClassrooms JavaScript - React Developer Program.
The objective is to create a React project populated with graphs created with a 3rd-party library.

Table of Contents

• 🧑‍💻 Stack
• 🚀 Project
  • 📋 Breakdown
  • 🎛️ Commands

🔼 Back to the Table of Contents

🧑‍💻 Stack

Here is the stack used in the project :

• 🌅 Front-end
  • React
• 🌇 Back-end
  • Node.js

🔼 Back to the Table of Contents

🚀 Project

📋 Breakdown

The project is made up of :

• 🌅 Front-end : Client
  • For the time being, only contain the Profile, 400 & 500 pages
• 🌇 Back-end : Server
  • For the time being, only contain 2 users: 12 & 18

The package.json file at the root of the project is mainly there to manage both parts of the app from the root.

Some fake user data were added to the client-end in dev mode.

User Data

Here is a list of the mocked users :

User Id	Name	Data	URL
1	Thierry Henri	No	http://localhost:4242/profile/1
12	Karl Dovineau	Yes	http://localhost:4242/profile/12
18	Cecilia Ratorez	Yes	http://localhost:4242/profile/18

Here is a list of the real users :

User Id	Name	Data	URL
12	Karl Dovineau	Yes	http://localhost:3333/profile/12
18	Cecilia Ratorez	Yes	http://localhost:3333/profile/18

🎛️ Commands

To start the website, do the following :

1. Open a terminal
2. Place yourself in the project folder with cd ./oc-p12-sportsee
3. To start the project, either run :

• npm run dev : to start the front-end & back-end in dev mode (at localhost/4242) with the mocked data
• npm start : to start the front-end & back-end (at localhost/3333) with the real data
• or npm run demo : to start the back-end, the front-end with the mocked data and another version of the front-end with the real data

🎉 Now, the project is up and running !

🗒️ Notes

All listed commands install the overall project dependencies (root project, client & server).

🔼 Back to the Table of Contents