Skip to content

Latest commit

 

History

5 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 

Repository files navigation

NativeLearningApp

NativeLearningApp is a modern web application built with a full-stack TypeScript architecture. It combines a responsive frontend with a secure, scalable backend and real-time features.


🌍 Vision

Create a global web and mobile platform where anyone, regardless of age, race, or background, can teach or learn skills in their native language. The goal is to make skill-sharing universally accessible and culturally relevant.


👤 Core User Roles

👨‍🏫 Teachers

  • Register and list skills they can teach (only in their native language)
  • Set their own hourly or session-based pricing
  • Offer live, interactive sessions (1:1 or small group)

👩‍🎓 Learners

  • Sign up and search for skills by category, language, and audience type
  • Book lessons based on availability, skill level, and teacher reviews
  • Pay via integrated gateway; receive session links and reminders

🧠 Skill Categorization System

A. By Audience

  • Students (GCSE, A-Level, IB, High School, etc.)
  • University Students (Subject-specific help)
  • Working Professionals (Career-oriented skills)
  • General Learners (Hobbies, casual interests)

B. By Skill Type

  • Academic Subjects
  • Programming & Tech (Python, Java, AI, DevOps)
  • Business & Finance (Excel, Project Mgmt, Accounting)
  • Creative & Design (Video Editing, Music, Art)
  • Communication & Soft Skills
  • Career Coaching (Resume, Interview prep)
  • Language Exchange (non-tutorial conversational)

🔑 Key Features

  • Native Language Search & Matchmaking
  • Dynamic Pricing (Teacher sets price)
  • AI Chatbot Assistant for instant support (tech help, FAQ, bookings)
  • User Reviews and Ratings
  • Commission Handling: Platform retains 20% per booking
  • Support for Local Currencies and Timezones

🛠️ Tech Stack Used

Frontend

  • React with TypeScript
  • Vite – fast build tool
  • Tailwind CSS – utility-first CSS framework
  • Radix UI – accessible component library
  • Framer Motion – animation library
  • Zustand – state management
  • React Hook Form
  • Lucide Icons, Recharts

Backend

  • Express.js – Node.js web framework
  • Passport.js (Local Strategy) – authentication
  • JWT, Bcrypt, Express-Session
  • Drizzle ORM – PostgreSQL ORM
  • NeonDB – serverless Postgres
  • WS – WebSockets for real-time features

Utilities & Tooling

  • Zod – validation
  • Stripe – payment processing
  • OpenAI GPT API – AI chatbot support
  • PostCSS, ESBuild, TypeScript

📁 Project Structure

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages