minhvo.vercel.app

Tue Oct 01 2024

BrightLearn

BrightLearn

PHP

JavaScript

Docker

Flask

Python

Bootstrap

Render

Firebase

MySQL

Smart e-learning platform for high schoolers with personalized paths, AI exams, Gemini API feedback, and teacher collaboration tools

Overview

BrightLearn is a cutting-edge e-learning platform tailored for high school students. It leverages AI to create personalized learning paths, generate smart exams, and provide instant feedback through Google's Gemini API. With features like real-time collaboration tools and a teacher platform for sharing exam materials, BrightLearn empowers both students and educators to enhance learning outcomes effectively.

UI/UX

BrightLearn Demo

Key Features

  • E-commerce platform
  • Sales management system
  • Server-side rendering, Static page generation
  • Responsive UI with animations both user and admin side
  • Form validation system
  • Server action for communicate with database

Technical Stack

Frontend

  • Next.js 14 platform
  • TailwindCSS for styling
  • TypeScript for type safety
  • Form validation libraries
  • Admin dashboard for managing products, orders, users, landing pages, etc.

Backend & Infrastructure

Implementation Details

  • Built a scalable Next.js platform with server-side rendering
  • Implemented static page generation for improved performance
  • Developed responsive UI using TailwindCSS
  • Created smooth animations for enhanced user experience
  • Containerized application using Docker

Role & Responsibilities

  • Led full-stack development
  • Architected the platform structure
  • Implemented server-side rendering
  • Developed responsive UI components
  • Set up Docker containerization
  • Integrated database with Prisma ORM
  • Managed deployment and infrastructure

Technical Achievements

  • Optimized page load times through SSR and SSG
  • Improved SEO through proper meta tags and SSR
  • Enhanced user experience with responsive design
  • Implemented efficient data fetching strategies
  • Ensured type safety with TypeScript

Screenshots


BrightLearn
BrightLearn
BrightLearn