Upskill-Me

• 

  My Classes Page for Tutors --- list of all classes

• 

  Settings --- modify account details

• 

  Home Screen --- this one is for a tutor login.

• 

  Calendar --- includes implementation with class assignments.

• 

  Launch a Class for Tutors --- create a class

• 

  Search Class --- Subject-Based Matching

Inspiration

The lack of personalized and accessible tutoring solutions for students inspired me, and I wanted to create a platform that empowers tutors to launch their classes and helps students find exactly what they need. Solutions do exist, but those don't help if they're all decentralized (e.g. some posts on Reddit, others on a school platform, others elsewhere).

What it does

Upskill-Me is a web app that connects students with tutors through a clean, interactive platform. Students can search and register for classes, view schedules on a calendar, and track their learning. Tutors can launch and manage classes, post announcements, and engage with students in a classroom-style interface. It suggests classes based on subject interests that a user fills out upon registration and then can always edit later, alongside other factors, such as time zone.

How I built it

Used MERN stack: Frontend: React with SCSS theming for styling and component-based architecture. Backend: Node.js + Express for RESTful APIs. Database: MySQL for storing users, classes, and announcements. Also implemented a multi-role login system, dynamic routing, and file upload support.

Challenges I ran into

--- Setting up differentiated user experiences for tutors and students. --- Debugging form submissions and ensuring proper validation. --- Connecting dynamic frontend elements like calendars and class announcements to backend data. --- Posts & Image Uploads (eventually gave up on the idea)

Accomplishments that I'm proud of

--- A clean, responsive UI with role-specific behavior. --- A scalable structure that was able to be successfully modularly iterated on

What I learned

--- How to build a full-stack application from scratch with proper routing and data flow. --- Working with SQL joins to enrich class data with user information. --- Structuring a frontend to remain scalable and modular for future features.

What's next for Upskill-Me

--- Properly Integrating Calendar --- Light/Dark Mode? --- Settings --- Adding live video integration for real-time classes. --- Notifications for class reminders and announcements. --- Expanding class search with filters by subject, time, tutor rating, and tens of more filters --- Analytics dashboard for tutors to track student engagement.

Built With

• mysql
• react