Skip to content

PhatJack/aeiouly-fe

Repository files navigation

πŸŽ“ AEIOULY - English Learning Platform

πŸ‘₯ Team Members

Saigon University, Faculty of Information Technology, Major in Software Engineering

ID          | Full Name
3121410379  | Nguyen Tien Phat
3121410066  | Bui Hong Bao

πŸ“ Project Description

Aeiouly is an innovative English learning platform designed to help learners improve their English skills through multiple interactive modules. The platform combines AI-powered features with traditional learning methods to create a comprehensive learning experience.

πŸ›  Tech Stack

Frontend:
  * Next.js 15+ (React with App Router)
  * TypeScript
  * Tailwind CSS
  * Shadcn/ui Components
  * Zustand (State Management)
  * TanStack React Query (Data Fetching)
  * Motion (Animations)
  * Driver.js (Product Tours)

Backend Integration:
  * REST API
  * FastAPI (Python)
  * WebSocket Support
  * AI/ML Integration

✨ Website Features

πŸ” Authentication

  • User Registration & Login - Secure account creation and authentication
  • Forgot Password - Password recovery via email
  • Session Management - Persistent user sessions with localStorage

πŸ“š Learning Modules

🏠 Dashboard (Home)
  • Overview of learning progress
  • Quick access to all learning modules
  • Recent activity and recommendations
  • AI-powered insights
🌌 Self-Study Space
  • Customizable study environment with background videos
  • Focus sounds and ambient music
  • Pomodoro timer for productivity
  • Distraction-free learning zone
  • Video type management
πŸŽ™οΈ Speaking Practice (Onion)
  • AI-powered conversation simulator
  • 100+ real-world role-playing scenarios
  • Real-time feedback and pronunciation analysis
  • Interactive dialogue practice
πŸ“ Writing Practice
  • Topic-based writing exercises
  • AI writing feedback and suggestions
  • Grammar and vocabulary corrections
  • Progress tracking and improvement metrics
πŸ‘‚ Listening Practice (Gym)
  • Listening comprehension exercises
  • Phonetics training
  • Pronunciation dictionary with audio
  • Various difficulty levels
  • Detailed listening session analysis
πŸ“– Reading Practice
  • Diverse collection of reading materials
  • Interactive comprehension questions
  • Vocabulary highlighting and definitions
  • Reading speed analysis
  • Difficulty level filters
πŸ“Œ Saved Vocabulary
  • Personal vocabulary collection
  • Save and organize words during lessons
  • Flashcard-style review
  • Usage examples and context
  • Spaced repetition learning
πŸ‘€ User Profile & βš™οΈ Settings
  • Personal information management
  • Learning statistics and achievements
  • Theme preferences (Light/Dark mode)
  • Language and notification settings
  • Privacy and security options

πŸ›‘οΈ Admin Features (For Administrators)

πŸ‘₯ User Management
  • View all registered users
  • Monitor user activity
  • User role management
  • Account status controls
πŸ“„ Post Management
  • Create and edit learning content
  • Manage published posts
  • Content moderation
  • Category organization
πŸ“š Listening Session Management
  • Create and manage listening exercises
  • Upload audio files
  • Set difficulty levels
  • Track user progress on sessions
🎬 Self-Study Space Management
  • Sounds Management: Upload and organize background sounds
  • Background Videos Management: Manage video library for study spaces
  • Video Types Management: Categorize and organize video content

πŸ€– AI Features

  • AI Chat Support - Real-time assistance and recommendations
  • AI-powered feedback on speaking, writing, and listening
  • Personalized learning recommendations
  • Progress analysis and insights

🎯 Additional Features

  • Onboarding Tour - Interactive product walkthrough for new users
  • Real-time Notifications - Stay updated on achievements and milestones
  • Dark/Light Mode - Theme customization
  • Responsive Design - Works seamlessly on desktop and mobile
  • Multi-language Support - Vietnamese and English UI

πŸ“Έ Screenshots

Authentication

Login Page Sign Up Page Forgot Password

User Features

Home Dashboard User Profile Settings

Learning Modules

Self-Study Space

Speaking Practice

Speaking Main Speaking Detail

Listening Practice

Listening Main Listening Detail

Reading Practice

Reading Main Reading Detail

Writing Practice

Writing Main Writing Detail

Vocabulary Management

Vocabulary Main Vocabulary Detail

Admin Dashboard

User Management Post Management
Listening Session Management Solo Space Management

🌐 Live Demo

Visit the live application at: https://aeiouly.online/ or https://aeiouly.vercel.app/


πŸ“„ License

This project is licensed under the MIT License - see the LICENSE file for details.


⭐ Support

If you find this project helpful, please consider giving it a star on GitHub!

GitHub Stars

About

Aeiouly - An AI-powered English learning platform for all 4 skills to boost your proficiency for free.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages