https://github.com/red-one12/vocab-bee
An online learning platform that helps users learn new languages through interactive lessons and tutorials.
https://github.com/red-one12/vocab-bee
npm-package react react-router tailwindcss
Last synced: 3 months ago
JSON representation
An online learning platform that helps users learn new languages through interactive lessons and tutorials.
- Host: GitHub
- URL: https://github.com/red-one12/vocab-bee
- Owner: red-one12
- Created: 2024-12-10T15:27:34.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-05T09:15:22.000Z (over 1 year ago)
- Last Synced: 2025-02-05T10:23:16.614Z (over 1 year ago)
- Topics: npm-package, react, react-router, tailwindcss
- Language: JavaScript
- Homepage: https://vocab-bee.netlify.app/
- Size: 18.7 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# VocabBee 🚀
.png)
VocabBee is an online learning platform designed to help users learn new languages through interactive lessons, video tutorials, and quizzes. The platform aims to make language learning fun and accessible for everyone.
🔗 **Live Demo**: [VocabBee](https://vocab-bee.netlify.app/)
---
## 📌 Features
### 1. **User Authentication**
- Secure login and registration using Firebase authentication.
- Users can sign up, log in, and manage their credentials safely.
### 2. **Interactive Lessons**
- Access to various language lessons categorized by difficulty levels.
- Users can easily navigate through beginner, intermediate, and advanced lessons.
### 3. **Profile Management**
- Users can view and update their profile information.
- Features include updating display name and profile picture.
### 4. **Responsive Design**
- Mobile-friendly design that adapts to different screen sizes.
- Seamless user experience across various devices (desktop, tablet, mobile).
### 5. **Tutorial Videos**
- Embedded YouTube videos to help users learn pronunciation and other language skills.
- Curated content for practical language learning.
### 6. **AOS Animations**
- Smooth scroll animations powered by AOS (Animate on Scroll).
- Engaging and interactive UI that enhances the overall user experience.
---
## 🛠 Tech Stack
**Frontend**: React, Tailwind CSS, NPM
**Authentication**: Firebase (Email/Google sign-in)
---
## 📦 Dependencies
### **Frontend**
- React
- React Router
- Tailwind CSS
- Firebase Authentication
---
## 🏗 Installation & Setup
Follow these steps to run the project locally:
### 1️⃣ Clone the repository
```sh
git clone https://github.com/your-repo/vocabbee.git
cd vocabbee