Course Schedule Management

Description

A React based web project meant to organize course schedules at Temple University Japan.

Technologies

Front-end:

• React.js
  • React Router
• Bootstrap

Back-end:

• Python
  • Flask
• MySQL

Installation

To begin using the Course Schedule Management tool, follow these steps:

1. Clone this repository:

   git clone https://github.com/kenichisutan/course-schedule-management.git

2. Navigate to the project front-end directory:

   cd course-schedule-management/course-schedule-management-frontend

3. Install the required dependencies:

   npm install

4. Compile bootstrap CSS through SASS:

   sass .\src\scss\custom.scss .\src\styles\custom_bootstrap.css

5. Start the development server:

   npm start

6. Navigate to the project back-end directory:

   cd course-schedule-management/course-schedule-management-backend

7. Run the back-end server:

   python app.py

8. Setup database through provided SQL file:

   course-schedule-management/course-schedule-management-backend/sql/database-creation.sql
   

9. Ensure local mySQL database is running:

   user: root
   password: 12345678
   

Usage

After starting the development server, open your web browser and go to http://localhost:3000. The front end will be served from http://localhost:5000.

You can now interact with the Course Schedule Management tool.

Gallery