Skip to content

An interactive online learning platform similar to Udemy and Coursera. Combining Next.js 14, React, TypeScript, and more, Athena offers a user-friendly environment for buying and selling courses. It features an integrated payment system, a dynamic course catalog, and real-time progress tracking, enhancing the e-learning experience.

Notifications You must be signed in to change notification settings

redayzarra/Athena

Repository files navigation

Athena: Learning Platform

Athena

Athena is an innovative learning platform, inspired by popular sites like Udemy and Coursera. It allows users to both purchase and sell courses, facilitating a dynamic educational environment. This project was developed during a course by CodeWithAntonio, using a modern tech stack including Next.js 14, React, TypeScript, Prisma, Stripe, MySQL, and more.

Table of Contents

  1. Overview
  2. Features
  3. Technology Stack
  4. Setup and Installation
  5. Usage and Navigation

Overview

Athena is designed to be a comprehensive platform for online learning, providing tools for both learners and educators. Users can easily create, manage, and enroll in courses, making education more accessible and engaging.

Features

  • Course Creation and Management: Users can create courses, manage content, set pricing, and update categories.
  • Interactive Learning Dashboard: A user-friendly interface for both students and teachers to navigate through courses and manage learning materials.
  • Integrated Payment System: Seamlessly integrated Stripe for secure and efficient financial transactions.
  • Dynamic Course Catalog: An extensive range of courses available for enrollment, catering to diverse educational needs.
  • Real-Time Progress Tracking: Track your learning progress in real-time.
  • Community Interaction: Engage with a community of learners and educators.

Technology Stack

  • Frontend: Developed using Next.js 14, React, TypeScript, and Tailwind CSS for a responsive and interactive user interface.
  • Backend: Built with Prisma for efficient database management, and Sentry for real-time error tracking.
  • Database: Utilizes MySQL for reliable data storage.
  • Additional Tools: Incorporates Stripe for payment processing, and Shadcn-Ui for enhanced UI components. Sentry for logging and alerts.

Setup and Installation

  1. Clone the repository:

    git clone https://github.com/yourusername/Athena.git
  2. Navigate to the project directory:

    cd Athena
  3. Install dependencies:

    npm install
  4. Start the development server:

    npm run dev

Usage and Navigation

  • Navigate to the main page to browse available courses.
  • For course creators, use the intuitive course management dashboard to create and modify courses.
  • Learners can enroll in courses, track progress, and interact with course materials and community.

About

An interactive online learning platform similar to Udemy and Coursera. Combining Next.js 14, React, TypeScript, and more, Athena offers a user-friendly environment for buying and selling courses. It features an integrated payment system, a dynamic course catalog, and real-time progress tracking, enhancing the e-learning experience.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published