This repository is the result of a collaborative effort to revamp the Masai School website by creating a new user flow and enhancing the overall user experience while retaining the original design. Our team of four developers used the MERN stack, combined with Tailwind CSS, Chakra UI, and Chart.js to bring this project to life. Throughout this project, we've learned and grown together, engaging in daily group discussions and applying our knowledge to make the Masai School website even better.
- Masai School: Renowned institution offering a variety of courses and a unique learning experience
- Redesign project goal: Create a new and improved user flow while retaining original website aesthetics and enhancing functionality
- Website technology: React-based site
- Features:
- Access to essential information about Masai School and its courses
- Live MSAT (entrance test) for courses
- Events section:
- Information about upcoming events
- Joining links for events
- Access to past event recordings
- Reward system implementation for an engaging user experience:
- Points earned by sharing invite links or passing the MSAT
- Points can be redeemed for various products
- Masai School Information Access comprehensive information about Masai School, its history, mission, and vision.
- Course Details Explore the range of courses offered by Masai School, complete with detailed descriptions and requirements.
- Live MSAT Take the live MSAT (entrance test) for Masai School courses directly on the website.
- Events Section Stay updated with upcoming events hosted by Masai School, complete with details and joining links. Access recordings of past events to catch up on any missed content.
- Reward System Earn points by sharing your invite link with others or successfully passing the MSAT. Redeem your accumulated points for a variety of exciting products and rewards.
Our project utilizes a robust tech stack to provide a seamless user experience. Here are the key technologies and libraries we've incorporated:
MERN Stack: MongoDB, Express.js, React, Node.js form the foundation of our web application.
Tailwind CSS: A utility-first CSS framework used for quick and efficient styling.
Chakra UI: A component library that makes it easy to create accessible and visually pleasing user interfaces.
Chart.js: Used to create interactive and informative charts for data visualization.
Team: Our project was a collaborative effort by a team of four dedicated developers who learned and grew together during this journey. We had daily group discussions, which played a significant role in the success of this project.
Feel free to explore our project, contribute, and help us make the Masai School website even more user-friendly and engaging. We appreciate your support and welcome your feedback and contributions.