Frontend Developer @Snipe | SIH 2023 Finalist | Software Developer | Transforming Digital Experiences with Next.js & Red

Shriansh Agarwal  • Peerlist

It is a E-Learning platform boasts an array of features designed to enhance the learning experience. Users can seamlessly browse and filter through a diverse selection of courses, aligning their education with their interests and goals. The secure integration of Stripe ensures a smooth and secure payment process, simplifying the purchase of courses.

One of the standout features is the progress tracking system, allowing learners to mark chapters as completed or unfinished, providing a clear sense of achievement. The student dashboard provides an intuitive interface for managing courses, monitoring progress, and accessing learning materials.

In Teacher Mode, educators can create new courses, chapters, and effortlessly reorder content using drag-and-drop functionality. This empowers instructors to curate and deliver content tailored to their students' needs.

To enhance the learning experience, the platform integrates UploadThing for seamless media uploads, including thumbnails, attachments, and videos. Thanks to Mux, high-quality video processing and playback are ensured, offering smooth HLS video streaming.

Clerk provides secure user authentication, protecting user data and privacy. Prisma, an Object-Relational Mapping (ORM) tool, optimizes data handling, ensuring data efficiency and reliability. All data is securely stored and retrieved from the MySQL database, guaranteeing robust data management.

This project is a testament to my commitment to innovation in the realm of online education. It represents my dedication to crafting user-friendly, feature-rich solutions that empower both students and educators. I invite you to explore this platform and embark on a journey of knowledge and growth

LearnNest

Introduction:

The Blood Bank Portal is a sophisticated web application designed to streamline and optimize the process of blood donation and management. This documentation comprehensively details the project's architecture, API endpoints, and frontend pages.


Backend API Endpoints:

The backend of the Blood Bank Portal provides powerful API endpoints for donors, hospitals, and administrators. Donors can view transaction history, access profiles, and create new accounts. Hospitals can review transaction records, manage profiles, and access real-time blood availability data. The API facilitates tracking and recording of blood transactions, ensuring accurate records.


Frontend Pages:

The front end of the Blood Bank Portal offers intuitive pages for different user roles. The homepage highlights core features and benefits. Registered hospitals and blood banks have a comprehensive dashboard for blood inventory and transaction history. Donors can log in, access and manage profiles, and register new accounts. The portal includes pages for hospital registration, blood availability, and a centralized blood bank directory.


Technologies Used:

The Blood Bank Portal utilizes cutting-edge technologies for a seamless user experience. Next.js 13, a React framework, serves as the foundation. TypeScript provides static typing and improved tooling. Tailwind CSS enables efficient and responsive styling. React Redux Toolkit, Redux Persist, and Redux Thunk handle state management. Axios manages HTTP requests, while Bcrypt JS ensures secure password hashing. Mongoose simplifies interactions with MongoDB. React Icons offers a comprehensive library for enhanced UI design.