The admin side of an event mangagement system I built for our college fest with the MERN stack.
Click to see images
Authentication with sessions
Users page gives an overview of all the users registered. We can search and add users. A report of all the students as a CSV can also be generated.
Events page contains all the events filtered by day. We can add new events here, edit the existing ones or generate reports for each event.
A list of all the payments made is show on the payments page. We can search these payments based on the user's roll number or the username of the admin who registered the payement.
react
as the front end frameworkchakra-ui
a component libraryreact-icons
for iconsswr
for data fetchingdownloadjs
to trigger downloads
express
serverexpress-sessions
for managing sessionsconnect-mongo
to store the sessions in the database
mongodb
as databasemongoose
ODMvalidator
for validationfaker
for seeding the database
- Others
argon2
for hashingpdf-creator-node
for generating reportsrword
for generating passowrdsnodemailer
for sending mails