ZinEdu-FullStack

Getting the Project Up and running

1. In the project root directory ZinEdu-FullStack/
   run
   npm i

2. in the client directory ZinEdu-FullStack/client/`
   run
   npm i

3. Start the development react server (hosting development frontend) + express server (hosting backend) by running this in project root directory ZinEdu-FullStack/
npm run dev
   

   OR
   

   run both servers manually in two different terminals. (from project root directory)
   npm run client
npm run server

4. (OPTIONAL) To run the project in production mode. (as will be deployed)
   

   • build the react project (in ZinEdu-FullStack/client/)
     run : npm run build
     

     a new build/ folder will be created in the client directory.

   • finally in the project root directory run
     npm run server

Available Scripts

In the project directory, you can run:

npm run dev

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

npm run server

runs only the express server.http://localhost:5000

npm run client

runs only the react-app server.http://localhost:3000

npm build (in /client)

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!