Project Name: Dashboard Masai School

About

This project provides a platform for users to register for events, take the MSAT assessment, and subsequently view their results. It also provides an extensive onboarding process for users.

Features

• User Authentication:
  • Users can sign up and log in using an OTP system.
  • OTPs are sent based on provided credentials.
• Event Registration: Directly from the homepage.
• MSAT Assessment: Allows users to take the assessment and immediately view their results.
• Onboarding Process: Allows users to input personal details such as birthdate, graduation year, employment status, Aadhar card details, and much more. They also get to join Slack and Zoom platforms.
• Admit Card: Users can acquire admit cards for registered events.
• Registered Events: The user's registered events are displayed in the DOM.
• Callback Request: Users have an option to request callbacks.
• Courses: Users can view, apply for, and fetch detailed information about courses.
• Referral System: Integrated "Refer and Earn" system that rewards users with coins for referring others.
• Responsiveness: Responsive for Every Screen.

Tech Stack & Libraries

• React: UI building library.
• Chakra UI: UI component library.
• React-Router-Dom: For efficient routing and navigation.
• React-Icons: For scalable vector icons.
• Redux & Redux-Thunk: For managing application state.
• Axios: Promise-based HTTP client.
• React-Fast-Marquee: For creating marquee animations.
• React-Slick & Slick-Carousel: Carousel components.
• React-Dropzone: For drag-and-drop file uploads.

Pages Overview

• Sidebar and Navbar

• Right Side Navigation

• Home

• Mobile Navigation Bar
  

• Alumni Page

• Profile

• Tutorials

• Bookmarks

• Certifications

• Login & Signup

• OTP validation

• 404 Error

• Event

• Event Details (Recording Watching)

• Event Details (Upcoming Event)

• Course Listing
  

• Course Details

• Self-Learning Resources

• Referral System

  

  

• MSAT integration & Results

  

  

• Notifications

• Onboarding

  

  

  

  

• Signout & Private Route Functionality

  

  

Collaborators

• Frontend Developer Teams:

  • Albin Baby
  • Debobrota Haldar
  • Kiran Wankhade
  • Avnish Kumar
  • Yash Kumar Pal

• Backend Developer Teams:

  • Nihal
  • Soumya Hakke
  • Shashi Suman
  • Rishu Kumar Nayak

Setting Up & Installation

npm install

Install All dependencies first.

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.