OnFair

Most students, post-college and high-school lack information and knowledge on what to do next. OnFair solves this problem. We connect students with online fairs that the students can join globally.

Comment

Inspiration

I am one of the students that is trying to find what to do after college. I'm on the last year of my Law studies, and it's difficult trying to find post-graduate studies that is outside of my network. So, I decided to make an online platform that will connect students to university abroad without needing to physically be in the fair's location.

What it does

It allows organizers to create Online Education Fair , and students to register for that event. It displays all the upcoming fairs and their details, and students can join the event if they're interested in that specific category.

How I built it

The web app is build on the MERN stack, meaning I used React for the front-end, Node.js, and Express.js for the back-end, and MongoDB for the database. I also used JWT for user verification and authentication. For the image uploading of the Fair, I used "multer" package from Node for better file processing.

Challenges we ran into

The most difficult part of the development process is the verification of roles between "Organizer" and "Student". Accessing JWT data, deciding routes and showing different data, while in the timespan of 3 days was harder than I imagined.

Accomplishments that I'm proud of

Built a completed web application that is running on the web without any issue. I got most of the features I wanted completed (login/signup/role-verification/creating-fairs/joining-fairs).

What I learned

I learned how to utilize MERN stack more efficiently and faster. In more details,

  • How to manage and verify for different roles and levels of authentication
  • Efficiently designing Front-end UI for better reusability and better optimization
  • Declaring routes and APIs for different part of the web application
  • Efficiently accessing data from the MongoDB via APIs

What's next for OnFair

While the application as it is right now have enough functionalities, I wanted to include the following features which I didn't have enough time for.

  1. Including a search functionality (I completed the backend API, but didn't have enough time for the frontend)
  2. Including tag systems for better categorization, and management
  3. Adding VideoSDK for onsite online fair
  4. Expanding the creating of fairs to student for Student Only Events for student information sharing
Share this project:

Updates