Student Management System

Our goal is to provide software which can help executive staffs and advisors improve educational plans as well as student management system. The system must provide services as following.

• The system must be able to provide general information of a student.
• The system must be able to provide a student’s curriculum.
• The system must be able to show the enrollment records of a student.
• The system must be able to display behavioral score records of the student.
• The system must be able to show activity and awarding records of each student.
• The system must be able to show leaving records of the student.
• The system must provide the information of each student for their advisor to give an advice for course registration and further studying plan.
• The system must be able to provide the summary of all the students in each year.
• In addition, we need to create the system in which the staffs can edit or update the data of the students as well as view the summary of the information in the system for further analysis.

Lastly, we would like to give special thank to React Redux Starter Kit team as our project is built on configuration of this team.

Table of Contents

1. Prerequisites
2. Getting Started
3. Application Structure
4. Development
5. Developer Tools
6. Routing
7. Testing
8. Team Member

Prerequisites

• node ^4.5.0
• yarn ^0.17.0 or npm ^3.0.0

Getting Started

First, clone the project via any GUI you prefer or clone it via your terminal:

$ git clone https://github.com/JThanat/student-management-system/ <my-project-name>
$ cd <my-project-name>

Install the dependencies using Yarn for deterministic installs, but npm install will work just as well.

$ yarn install    # Install project dependencies
$ yarn start      # Compile and launch (same as `npm start`)

If you want to watch file change in api development. You should run

$ yarn dev      # Compile, run and watch

For further useful instruction, you can check it out from React Redux Starter Kit

Application Structure

We follow the application structure provided by React Redux Starter Kit. We use the application Structure suggested in awesome writeup by Justin Greenberg.

Development

Developer Tools

We recommend using the Redux DevTools Chrome Extension. Using the chrome extension allows your monitors to run on a separate thread and affords better performance and functionality. It comes with several of the most popular monitors, is easy to configure, filters actions, and doesn’t require installing any packages.

However, adding the DevTools components to your project is simple. First, grab the packages from npm:

npm i --save-dev redux-devtools redux-devtools-log-monitor redux-devtools-dock-monitor

Then follow the manual integration walkthrough.

Routing

We use react-router route definitions (<route>/index.js) to define units of logic within our application. See the application structure section for more information.

Testing

To add a unit test, simply create a .spec.js file anywhere in ~/tests. Karma will pick up on these files automatically, and Mocha and Chai will be available within your test without the need to import them. Coverage reports will be compiled to ~/coverage by default. If you wish to change what reporters are used and where reports are compiled, you can do so by modifying coverage_reporters in ~/config/project.config.js.

Team Member

Name	ID
Korrawe Karunratanakul	5731002421
Kosate Limpongsa	5731012721
Parinthorn Saithong	5730329521
Sirinthra Chantharaj	5730635521
Thanat Jatuphattharachat	5730243121