Belajar Pintar - Learning Website
A learning website for students and college students with an interactive and dynamic design.
Technologies
- React
- Tailwind CSS
- Json-server
Links
Overview
Belajar Pintar is a website created from a university project for the mid-semester exam. This website was built using React Js for the frontend and Tailwindcss for styling. The data is stored statically in Json-server which will be fetched with AxiosInstance on each page. The data needed by users on this website is also well visualized using Chart Js on the dashboard.
The Challenge
The main challenge when I created this website was to make interesting features in the context of learning for users. And to think of ways in which this website can be easily developed in the future.
The Solution
The solution is that I research learning websites like Dicoding to obtain the important features that must be present on a learning website. I also apply clean code with axios instance to facilitate development with fetch API from the backend in the future.
Key Features
- Login and registration system with role management
- Interactive website with smooth animations
- Course and material management
- Quizz and assessment system
- Data visualization using chart.js
- Responsive design that works flawlessly on all devices
- Achievements and progress tracking