learn-japanese-app

KO | EN

gitlite — search

#javascript #go #machine-learning #deep-learning #nodejs #java #awesome #cli #vue #awesome-list #pytorch #security #openai #open-source

learn-japanese-app

(★ 10)

This is the client side repository of learn japanese app done with react 18. Users can learn new lessions daily and admin can control everything from a separate dashboard

learn-japanese-app Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# LearnJapanese – Language Learning Platform

**LearnJapanese** is a full-stack web application designed to help users learn Japanese through an interactive and structured experience. The platform includes secure authentication, user progress management, and an admin dashboard for content control.

🔗 **Live Application:** [https://learjapaneese.web.app](https://learjapaneese.web.app)
🔗 **Backend API:** [https://learn-japanese-app-server.vercel.app](https://learn-japanese-app-server.vercel.app)

---

## Overview

This project demonstrates end-to-end development of a modern web application, including frontend UI, backend APIs, authentication, and database integration. It focuses on scalability, clean architecture, and user experience.

---

## Key Features

### User Features

* Secure authentication (Email/Password, Google, GitHub)
* JWT-based session management
* Responsive UI across all device sizes
* Interactive learning experience with dynamic content
* Form handling with validation

### Admin Features

* Admin dashboard for managing content
* Full CRUD operations for learning resources
* Role-based access control

---

## Tech Stack

### Frontend

* React
* React Router
* Firebase Authentication
* TanStack Query (data fetching & caching)
* React Hook Form (form management)
* React Helmet Async (SEO optimization)

### Backend

* Node.js
* Express.js
* MongoDB (with Aggregation Pipeline)
* JWT Authentication
* Nodemailer (email services)
* CORS & Cookie Parser

---

## Architecture Highlights

* **Authentication:** Firebase for user login + JWT for secure API communication
* **State Management:** Server-state handled efficiently using TanStack Query
* **Database:** MongoDB with optimized queries and aggregation pipelines
* **Security:** Environment variables for sensitive credentials, token-based auth
* **Scalability:** Separation of frontend and backend with RESTful API design

---

## Environment & Configuration

Sensitive credentials (Firebase config, MongoDB URI, JWT secrets) are managed via environment variables using `.env` files.

---

## What This Project Demonstrates

* Full-stack development skills
* Secure authentication implementation
* REST API design and integration
* Database design and query optimization
* Clean and maintainable React architecture

---

## Notes

Admin credentials are not included in this README for security reasons. They can be provided upon request if needed for evaluation.

learn-japanese-app

learn-japanese-app Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

learn-japanese-app

learn-japanese-app Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README