https://github.com/sabbir1441/lingo-bingo
Lingo Bingo is an interactive vocabulary learning application that helps users improve their language skills in an engaging way. It offers features like Firebase Authentication, profile management, and secure access to lessons and tutorials.
https://github.com/sabbir1441/lingo-bingo
firebase language-learning react tailwindcss
Last synced: 2 months ago
JSON representation
Lingo Bingo is an interactive vocabulary learning application that helps users improve their language skills in an engaging way. It offers features like Firebase Authentication, profile management, and secure access to lessons and tutorials.
- Host: GitHub
- URL: https://github.com/sabbir1441/lingo-bingo
- Owner: Sabbir1441
- Created: 2025-02-05T09:41:30.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-05T11:06:12.000Z (over 1 year ago)
- Last Synced: 2025-02-05T12:20:34.808Z (over 1 year ago)
- Topics: firebase, language-learning, react, tailwindcss
- Language: JavaScript
- Homepage: https://lingo-bingo-822a4.web.app/
- Size: 536 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Lingo Bingo: A Vocabulary Learning Application
### 1. Project Overview
Lingo Bingo is an interactive platform designed to help users improve their vocabulary and communication skills in different languages. The app is responsive and offers a user-friendly interface, making it accessible on all devices.
## Live Project Link
You can check out the live project here: [Lingo Bingo](https://lingo-bingo-822a4.web.app/)
### 3. Technologies Used
- **React.js**: For building the user interface and managing the application's state.
- **Firebase Authentication**: For secure user login and registration, including Google authentication.
- **Tailwind CSS**: For responsive and clean UI design.
- **Daisy UI**: For ready-made UI components that help speed up development.
- **React Icons**: For adding customizable icons in the UI.
### 4. Core Features
- **User Authentication**: Secure user registration and login using Firebase, with support for Google authentication.
- **Profile Management**: Users can update their name and profile picture in their profile settings.
- **Interactive Learning**: Start lessons and tutorials to improve vocabulary in multiple languages.
- **Private Routes**: Certain pages are protected and can only be accessed by authenticated users.
- **Responsive Design**: The app is fully responsive and provides a smooth user experience on phones, tablets, and desktops.
### 5. Dependencies
The project relies on the following dependencies:
- **animate.css**: For adding animation effects to elements.
- **aos**: For smooth animations on scroll.
- **firebase**: For managing user authentication and data storage.
- **react**: For building the user interface and handling the app’s state.
- **react-countup**: For animating number increases in lessons and tutorials.
- **react-dom**: For rendering React components to the DOM.
- **react-icons**: For adding icons in the interface.
- **react-router-dom**: For handling routing between different pages in the app.
## 🛠 How to Run the Project Locally
Follow these steps to run the project on your local machine:
### 1️⃣ Clone the Repository
```bash
git clone https://github.com/yourusername/lingo-bingo.git
cd lingo-bingo
```
### 2️⃣ Install Dependencies
```bash
npm install
```
### 3️⃣ Set up Firebase
- Create a Firebase project at Firebase Console.
- Add Firebase config to your project (refer to the Firebase documentation for setup instructions).
### 4️⃣ Start the Development Server
```bash
npm run dev
```
### 5️⃣ Open in Browser
Visit `http://localhost:3000/` to see the project in action.
## 📎 Additional Resources
- [Project Live Link](https://nextgen-scholarships.web.app/)
- [Firebase Documentation](https://firebase.google.com/docs)
- [React Documentation](https://reactrouter.com/home)
- [Tailwind Documentation](https://tailwindcss.com/docs/installation/using-vite)
---
💡 **Contributions are welcome!** Feel free to submit a pull request or suggest improvements. 😊