Skip to content

I created an education management tool, by using ReactJs ❣️

Notifications You must be signed in to change notification settings

sadiqhasanrupani/edugate-major-project

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation


Edugate (Education Management System)

  • This Web app is based on the EMS (Education Management System).

  • This Web app will include the following features:

    1. Graphical Analysis with Tabular Report for Teachers.
    2. Graphical Analysis Report for Students.
    3. Assignments.
    4. Quizzes.
  • You can find a Screen Capture Video Link below:

    EDUGATE Screen Capture Video

  • To access our websites, please take the following steps:

  1. Make a copy of this repository:

      git clone https://github.com/sadiqhasanrupani/edugate-major-project.git
  2. Before proceeding, you need to have nodejs installed on your PC; if not, download it from this link:

      cd edugate-major-project
  3. Install the dependencies in both the client and server folders at the same time using this command:

      cd client; npm install; cd ..; cd server; npm run build
  4. Now create a database called "edugate_db" in MySQL. If you don't have MySQL on your device then download it from here.

  • If you know how to create a database then go to step.

  • First, open the MySQL workbench or mysql console, I will open the MySQL workbench.

  • Second, open a local MySQL,

  • Third, Copy and paste this command to create an "edugate_db" Database.

      CREATE DATABASE IF NOT EXISTS edugate_db;
  1. Now set up the .env file in both the client and server folder respectively.
  • In the client create a file called as .env and write the following code inside that file,

      REACT_APP_HOSTED_URL= http://localhost:8080
    
      # Or you can declare your own backend server 
      # choice is yours.
  • Simultaneously, create a file .env inside the server directory and then copy and paste this code inside that file,

    PORT = 8080
    
    # Create a dummy email id for sending mails in the web application
    EMAIL = xyz@gmail.com
    PASS = ********
    
    SERVICE = gmail
    
    # LocalHost Database
    SQL_DATABASE = edugate_db 
    SQL_HOST = host address # 127.0.0.1 or localhost
    SQL_USER = user_name # root
    SQL_PASSWORD = ***********
    SQL_PORT = 3306  # sql port is by default is "3306" or you change it, then write here.
    
    # Secret Token
    SECRET_TOKEN = any_secret_token_you_want
    
    # Backend Site Address
    HOST_SITE = "http://localhost:8080"
  1. Run this command in two terminals to start both the front end and the back end.
  • In the first terminal copy and paste this code
      cd client; npm start;
  • In the second terminal, copy and paste this code
      cd server; npm start;

You are now ready to go!