Skip to content

Volunteer-Tech/school-management-system-in-react-node-js-and-express-js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

28 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Logo

School management system in React, Node.js, and Express.js

Technology Stack :

  1. ExpressJS for server library.
  2. Node.js for Environment.
  3. React.js for developing User Interface
  4. MySQL for database design
  5. mysql2 as a promise-based Node.js driver (ORM) for MySQL.

Build Instructions

1. First the clone the repository locally by

    git clone https://github.com/Volunteer-Tech/school-management-system-in-react-node-js-and-express-js

and change directory into the project using

    cd ./school-management-system-in-react-node-js-and-express-js

2. Install all server-side packages

In the root directory of the backend project using

npm install

3. Run the backend-server

In the root directory of the backend using

npm start

and change directory into the webapp using

   cd ./webapp

4. Install all client-side packages

In the root directory of the webapp using

npm install

5. Run the client-server

In the root directory of the webapp using

npm start

Sample screenshots

Home Page

home

Department Page

department

Committee Page

committee

Project Page

project

Library Page

authorTag

Add a Book

add

Update a Book

update

List Items based on Tag Names

List Books by the Author Name

authorTag

List Books by the Title of the Books

nameTag

List Books by the Editon of the Books

editionTag

Search an item by Tag

search

Change the order of the current Tag

normalOrder

orderSwitch

Contributing

  1. Fork it (https://github.com/Volunteer-Tech/school-management-system-in-react-node-js-and-express-js/fork)
  2. Create your feature branch (git checkout -b feature/fooBar)
  3. Commit your changes (git commit -m 'Add some fooBar')
  4. Push to the branch (git push origin feature/fooBar)
  5. Create a new Pull Request