![Beeplus Institute](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fl5v4qo9i%2Fproduction%2F53641547b8216a87a752369cfdca6f367d94c239-2880x1552.png&w=3840&q=75)
Beeplus Institute
#React.js
#TypeScript
#React Query
About the project
BeePlus Institute (BPI) is a digital learning platform to help professionals, students, and individuals enhance their skills. In this project, I played a key role in developing the front-end side, which included developing features, project configuration, and base components.
Features
![Payment Gateway](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fl5v4qo9i%2Fproduction%2Fcaa4340b9e2695c7e6d19a6d8c3390fd81dff882-2880x1526.png&w=3840&q=75)
Payment Gateway
Integration with Midtrans
![Online Courses](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fl5v4qo9i%2Fproduction%2F218431daf3de5d462c7bf71d4591d74f8a05c93b-2880x1290.png&w=3840&q=75)
Online Courses
Watching online courses with an intuitive interface and video quality options. With these features, users can easily follow lessons and review course content.
![User Login & Registration](/_next/image?url=https%3A%2F%2Fcdn.sanity.io%2Fimages%2Fl5v4qo9i%2Fproduction%2F266d3b494293822f940d3ea2dca17629f3ee499c-2880x1560.png&w=3840&q=75)
User Login & Registration
User login and registration provide a seamless and secure entry point to the platform. With user-friendly interfaces users can create accounts, once registered, users gain access to their profiles, allowing them to buy courses, watch courses, and manage their accounts.
Tech Stack
- React.js
- TypeScript
- TanStack React Query
- HTTP live streaming (HLS)
- React Router