https://github.com/mdimranictiu/lingo-bingo
The Vocabulary Learning Web Application helps learner to improve their vocabulary by providing various learning tools and exercises. In this web application a learner can learn three categories of japanise vocabulary. The web is designed to be simple, interactive, and efficient, allowing users to learn and memorize new words in a structured manner.
https://github.com/mdimranictiu/lingo-bingo
mern mongodb nextjs nodejs react reactjs webdevelopment
Last synced: about 2 months ago
JSON representation
The Vocabulary Learning Web Application helps learner to improve their vocabulary by providing various learning tools and exercises. In this web application a learner can learn three categories of japanise vocabulary. The web is designed to be simple, interactive, and efficient, allowing users to learn and memorize new words in a structured manner.
- Host: GitHub
- URL: https://github.com/mdimranictiu/lingo-bingo
- Owner: mdimranictiu
- Created: 2025-02-02T13:57:35.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2025-02-05T11:06:45.000Z (3 months ago)
- Last Synced: 2025-02-05T11:30:36.540Z (3 months ago)
- Topics: mern, mongodb, nextjs, nodejs, react, reactjs, webdevelopment
- Language: JavaScript
- Homepage: https://lingo-bingo-628fe.web.app/
- Size: 1.49 MB
- 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 Web Application
📚 **A fun and interactive way to enhance Japanese vocabulary!**
## 🚀 Live Demo
🔗 **[Lingo-Bingo Live](https://lingo-bingo-628fe.web.app/)**
---
## 📌 Table of Contents
- [Overview](#overview)
- [Screenshot](#screenshot)
- [Key Features](#key-features)
- [Technologies Used](#technologies-used)
- [Dependencies](#dependencies)
- [Installation & Setup](#installation--setup)
- [Resources & Links](#resources--links)
---
## 📝 Overview
Lingo-Bingo is a **vocabulary learning web application** designed to help learners improve their **Japanese vocabulary** through structured lessons, interactive tools, and engaging exercises. It provides an **easy-to-use** and **responsive** platform where beginners can efficiently memorize new words and improve pronunciation.
---
## 🖼 Screenshot
---
## ✨ Key Features
✅ **Lesson Categories** – 10 structured categories for step-by-step learning.
✅ **Pronunciation Support** – Integrated **audio features** to improve word pronunciation.
✅ **Responsive Design** – Works on all devices (mobile, tablet, desktop).
✅ **Video Tutorials** – Access engaging **video tutorials** for better learning.
✅ **Profile Management** – Users can update their **profile** easily.
---
## 🛠 Technologies Used
- **Frontend:** HTML, Tailwind CSS, JavaScript, React
- **Build Tool:** Vite
---
## 📦 Dependencies
The project uses the following npm packages:
```
@eslint
@types/react-dom
@types/react
@vitejs/plugin-react
animate.css
aos
autoprefixer
axios
daisyui
eslint-plugin-react-hooks
eslint-plugin-react-refresh
eslint-plugin-react
eslint
firebase
globals
localforage
lottie-react
match-sorter
postcss
react-countup
react-dom
react-icons
react-rating-stars-component
react-responsive-carousel
react-router-dom
react
sort-by
sweetalert2
swiper
tailwindcss
vite
```
## Installation & Setup
Follow these steps to run the project locally:
### 1 Clone the Repository
```
git clone https://github.com/mdimranictiu/Lingo-Bingo.git
cd lingo-bingo
```
### 2 Install Dependencies
```
npm install
```
### 3 Start the Development Server
```
npm run dev
```
## Resources & Links
📖 React Documentation: https://react.dev/
📖 Tailwind CSS Documentation: https://tailwindcss.com/
🔥 Firebase: https://firebase.google.com/
📌 Feel free to contribute, report issues, or share your feedback! 🚀