Skip to content

DarkcrusherX/College-Students-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

24 Commits
 
 
 
 
 
 

Repository files navigation

College-Students-App

A MERN Based WebApp which keeps in track of two datasets : student and college details which are stored in Mangodb atlas platform. The app is launched in an AWS instance. Axios is used to make get,post,update and delete requests.

Link to app: http://3.129.146.55:3000

WebApp

Features

Pages

Interative pages list from which you can choose any page you need to browse into. Can view student list, College list and make entries for colleges and students.

pages

FeatureBar

Select the feature from the dropdown menu and select a college to view similar colleges to it with the given features.

featurebar

SearchBar

Displays all the colleges containing the given information irrespective of the fields. eg: Typing 10 results in displaying colleges with id = 10, year founded =%10% and number of students of the form %10%. Also a reset button is provided in case if user made a typo in between the whole process.

searchbar

Buttons

Edit and Delete options are provided to manipulate data. Incase if a student needs to change collge, changing collegeid automatically updates the number of stduents in the college. Also after deleting a college the user wont be having access to that collegeid while making new student entry. Collegeid remains the same as it is the choice of the stduent to shift their college to thei likings.

buttons

Piechart

On selecting the feature, a pie chart is displayed and on clicking a segment ,the colleges list will get updated with the colleges belonging to that segment.

piechart

Student Search Bar

This is available in the next page to sort the stduents according to the entry. So if you enter the collegeid , students belonging to that college is displayed.

piechart

Frontend and Backend

All the works in backend is done under the folder backend and frontend under src. To run both frontend and backedn locally , npm start is enough as i have binded nodemon server and npm start into the same command.

Thank You For Your Time

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published