https://github.com/sundaramrai/lingoleap
LingoLeap is a full-stack web application which helps children with speech misarticulation improve their Hindi-speaking skills through structured lessons and exercises.
https://github.com/sundaramrai/lingoleap
javascript mailtrap mongodb nextjs nodejs tailwindcss
Last synced: 3 months ago
JSON representation
LingoLeap is a full-stack web application which helps children with speech misarticulation improve their Hindi-speaking skills through structured lessons and exercises.
- Host: GitHub
- URL: https://github.com/sundaramrai/lingoleap
- Owner: sundaramrai
- Created: 2024-09-26T08:17:04.000Z (almost 2 years ago)
- Default Branch: master
- Last Pushed: 2024-09-26T09:01:15.000Z (almost 2 years ago)
- Last Synced: 2025-02-05T13:43:08.130Z (over 1 year ago)
- Topics: javascript, mailtrap, mongodb, nextjs, nodejs, tailwindcss
- Language: JavaScript
- Homepage:
- Size: 1.44 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 
LingoLeap
> A comprehensive web application helping children with speech misarticulation improve their Hindi-speaking skills through interactive therapy and gamified learning
[](https://nextjs.org/)
[](https://nodejs.org/)
[](https://mongodb.com/)
[](https://reactjs.org/)
## 🌟 Overview
LingoLeap is a full-stack web application specifically designed to support children with speech misarticulation in Hindi-speaking communities. By combining modern web technologies with speech recognition capabilities, gamification elements, and comprehensive therapy resources, LingoLeap creates an engaging platform that makes speech therapy accessible, interactive, and effective.
## 🏗️ Technology Stack
### Frontend
- **Framework**: Next.js 13+ with React 18+
- **Styling**: CSS3 with responsive design principles
- **Speech Recognition**: Web Speech API integration
- **State Management**: React hooks and context
- **Deployment**: Optimized for production deployment
### Backend
- **Runtime**: Node.js with Express.js
- **Database**: MongoDB with Mongoose ODM
- **Authentication**: JWT-based secure authentication
- **API**: RESTful API architecture
- **Security**: Environment variable configuration for sensitive data
## 🚀 Quick Start
### Prerequisites
- Node.js (v18+ recommended)
- MongoDB (local installation or cloud instance)
- npm, yarn, pnpm, or bun package manager
### Installation
1. **Clone the repository**
```bash
git clone https://github.com/sundaramrai/LingoLeap.git
cd LingoLeap
```
2. **Install dependencies for both frontend and backend**
```bash
# Install frontend dependencies
npm install
# Install backend dependencies
cd Backend
npm install
```
3. **Environment Configuration**
Create `.env` files in both the main directory and Backend directory:
**Main directory `.env`:**
```env
MONGO_URI=your_mongodb_connection_string
TOKEN_SECRET=your_jwt_secret_token
DOMAIN=http://localhost:3000
```
**Backend directory `.env`:**
```env
MONGO_URI=your_mongodb_connection_string
JWT_SECRET=your_jwt_secret_token
JWT_LIFETIME=24h
DOMAIN=http://localhost:5000
```
4. **Start the application**
You'll need two terminal windows/tabs:
**Terminal 1 - Frontend (Next.js):**
```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```
**Terminal 2 - Backend (Node.js):**
```bash
cd Backend
npm start
```
5. **Access the application**
- Frontend: [http://localhost:3000](http://localhost:3000)
- Backend API: [http://localhost:5000](http://localhost:5000)
```
## 📜 License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details
---
**Made with ❤️ for children with speech challenges in Hindi-speaking communities**
*LingoLeap - Empowering every child to find their voice*