Skip to content

🧠 Yalla Learn – A learning and productivity platform powered by AI, designed to enhance the educational journey and boost productivity.

License

Notifications You must be signed in to change notification settings

KhaledSaeed18/yalla-learn

πŸš€ Yalla Learn - Complete Learning & Productivity Platform

Yalla Learn Logo

Next.js React TypeScript Tailwind CSS License: MIT

A comprehensive learning and productivity platform powered by AI, designed to enhance your educational journey and boost productivity.

🌐 Live Demo β€’ πŸ“± Mobile App β€’ πŸ–₯️ Desktop App β€’ πŸ”§ Backend API


πŸ“‹ Table of Contents


✨ Features

πŸ€– AI-Powered Learning Tools

Feature Description Status
πŸ“„ PDF AI Chat Chat with PDFs - summarize, search and extract information instantly βœ…
πŸ–ΌοΈ Image AI Chat Upload images and chat with AI to explore, analyze, and understand them βœ…
🧠 Mindmap Creation Turn ideas into clear, visual mindmaps in seconds with AI βœ…
πŸƒ Flashcard Generation Generate flashcards from any text or topic for effective learning βœ…
πŸ“š Study Plan Generator Create personalized study plans based on subject, timeframe, and goals βœ…
πŸ“ Quiz Generator Create interactive quizzes with automatic scoring and explanations βœ…
🧩 Concept Explainer Get clear explanations of complex concepts with visual descriptions βœ…
πŸ” AI Web Search Search the web using AI and get relevant, curated results βœ…
🎀 Voice Assistant Have voice conversations with AI for learning support βœ…

⚑ Productivity & Management Tools

Feature Description Status
⏰ Pomodoro Timer Enhanced focus with customizable 25/5 minute timer cycles βœ…
🎯 Focus Mode Distraction-free environment for maximum concentration βœ…
πŸ“„ Resume Builder Professional resume creation with multiple templates βœ…
πŸ’° Expense Tracker Personal finance management with charts and analytics βœ…
πŸ“‹ Kanban Board Task management with drag-and-drop functionality βœ…

πŸ’¬ Community & Content

Feature Description Status
❓ Q&A Platform Ask questions and get answers from the community βœ…
πŸ“ Blog System Rich content creation and sharing platform βœ…
πŸ’Ό Job Portal Career opportunities and job listings βœ…

🎯 AI Tools

πŸ€– Powered by Advanced AI Models

Google Gemini OpenAI Vapi AI

Our AI tools are designed to revolutionize your learning experience:

  • πŸ“„ PDF AI Chat: Upload PDFs and have intelligent conversations about the content
  • πŸ–ΌοΈ Image AI Chat: Analyze images, get descriptions, and ask questions about visual content
  • 🧠 Mindmap Creation: Transform complex topics into visual mindmaps automatically
  • πŸƒ Flashcard Generation: Create study cards from any topic with AI-generated questions
  • πŸ“š Study Plan Generator: Get personalized learning schedules based on your goals
  • πŸ“ Quiz Generator: Generate quizzes with explanations for any subject
  • 🧩 Concept Explainer: Break down complex concepts into understandable explanations
  • πŸ” AI Web Search: Get curated, relevant search results with AI analysis
  • 🎀 Voice Assistant: Natural voice conversations for learning support

⚑ Productivity Tools

Boost your efficiency with our specialized productivity features:

🎯 Focus Enhancement

  • Pomodoro Timer: Customizable work/break cycles
  • Focus Mode: Distraction-free workspace
  • Progress Tracking: Monitor your productivity sessions

πŸ“Š Organization Tools

  • Task Management: Kanban-style boards with drag-and-drop
  • Expense Tracking: Personal finance management with analytics
  • Resume Builder: Professional CV creation with multiple templates

πŸ”§ Tech Stack

Frontend

Next.js React TypeScript Tailwind CSS

State Management & UI

Redux Toolkit React Query Framer Motion Radix UI

AI & APIs

Google AI AI SDK Vapi AI

Development Tools

ESLint Turbopack PNPM


πŸš€ Installation

πŸ“‹ Prerequisites

Requirement Version Download
Node.js v20+ Download
Git Latest Download
PNPM Latest Install

πŸ› οΈ Setup Instructions

  1. Clone the repository

    git clone https://github.com/KhaledSaeed18/yalla-learn.git
    cd yalla-learn
  2. Install dependencies

    pnpm install
  3. Environment Setup

    # Add your API keys and configuration
    # Edit .env.local with your actual values
  4. Start development server

    pnpm dev
  5. Open your browser

    http://localhost:3000
    

πŸ”‘ Environment Variables

Create a .env.local file with the following variables:

GOOGLE_GENERATIVE_AI_API_KEY=
NEXT_PUBLIC_HUGGINGFACE_API_KEY=
NEXT_PUBLIC_AZURE_TRANSLATOR_KEY=
NEXT_PUBLIC_AZURE_TRANSLATOR_REGION=
NEXT_PUBLIC_API_URL=
NEXT_PUBLIC_VAPI_API_KEY=

πŸ“– Usage

🎯 Getting Started

  1. Sign up for a new account or sign in if you already have one
  2. Explore AI Tools - Start with PDF chat or concept explainer
  3. Set up productivity - Configure your Pomodoro timer and create task boards
  4. Join the community - Ask questions in Q&A and read blog posts
  5. Build your profile - Use the resume builder and track your progress

πŸ”§ Development Commands

Command Description Usage
pnpm dev Start development server with Turbopack Development
pnpm build Build production bundle Deployment
pnpm start Start production server Production
pnpm lint Run ESLint for code quality Code Quality

πŸ”— Related Repositories

🌐 Complete Yalla Learn Ecosystem

Platform Repository Description Technology
🌐 Frontend Web yalla-learn Main web application (this repo) Next.js, React, TypeScript
πŸ”§ Backend API yalla-learn-backend RESTful API and database Node.js, Express, PostgresSQL
πŸ“± Mobile App yalla-learn-app iOS & Android application React Native, Expo
πŸ–₯️ Desktop App yalla-learn-desktop Cross-platform desktop app Electron, React

🌟 Features Showcase

πŸ“Š Dashboard Overview

  • AI Assistant: Integrated chat for learning support
  • Progress Tracking: Monitor your learning journey
  • Quick Access: Fast navigation to all tools and features
  • Personalization: Customizable workspace and preferences

🎨 User Experience

  • Responsive Design: Works perfectly on all devices
  • Dark/Light Mode: Theme switching for comfortable viewing
  • Accessibility: WCAG compliant for inclusive design
  • Performance: Optimized with Next.js and Turbopack

πŸ”’ Security & Privacy

  • Secure Authentication: JWT-based user management
  • Data Encryption: Protected user data and conversations
  • Privacy Controls: Granular privacy settings
  • GDPR Compliant: Respects user data rights

🀝 Contributing

We welcome contributions from the community! Here's how you can help:

πŸš€ How to Contribute

  1. Fork the repository
  2. Create a feature branch (git checkout -b feature/amazing-feature)
  3. Commit your changes (git commit -m 'Add amazing feature')
  4. Push to the branch (git push origin feature/amazing-feature)
  5. Open a Pull Request

πŸ“ Contribution Guidelines

  • Follow the existing code style and conventions
  • Write clear commit messages
  • Add tests for new features
  • Update documentation as needed
  • Ensure all tests pass before submitting

πŸ“„ License

This project is licensed under the MIT License - see the LICENSE file for details.

About

🧠 Yalla Learn – A learning and productivity platform powered by AI, designed to enhance the educational journey and boost productivity.

Topics

Resources

License

Code of conduct

Contributing

Stars

Watchers

Forks

Languages