Online Academia E-Learning System

This is an E-Learning System built using Laravel 10, Breeze, Socialite, Vue.js 3, Inertia Js, JavaScript and Tailwind CSS. The application features a fully responsive design. It includes a SideNavOverlay animation for seamless navigation and provides functionalities for adding and managing Courses.

Features

1. Login and Register: Securely log in to your account or create a new account to get started. Keep your personal information safe and accessible through our authentication system. You can also login using Github or Google.

2. Profile Management: Easily manage your profile information.

3. Responsive Design: Enjoy a seamless learning experience across various devices, including desktops, tablets, and smartphones. Our platform is designed to adapt to different screen sizes, ensuring comfortable access anytime, anywhere.

4. Add Courses and Add Episodes: Create and publish new courses, providing valuable content to eager learners. Divide courses into episodes, making it easier for students to navigate and learn at their own pace.

5. Manage and Delete Courses: Shows the table of all Courses. If a course is no longer relevant, educators can remove it from the platform. Deleting a course ensures that learners only have access to high-quality, current content.

6. View Course Page: Browse and discover a wide range of courses offered by our talented educators. Get a quick overview of course details, including descriptions, episode lists, and instructor information.

7. Watch Episodes: Dive into course content by watching individual episodes. Take advantage of the flexibility to pause, rewind, or rewatch episodes to grasp the concepts effectively.

Installation

1. Clone this repository to your local machine or server:

   git clone https://github.com/pawdgreyt/online-academia.git
   

2. Navigate to the project directory:

   cd online-academia
   

3. Install PHP and Node.js dependencies:

   composer install
   npm install
   

4. Rename .env.example to .env and configure your database settings.

5. Also Open the .env file and set your GitHub OAuth application credentials:

   GITHUB_CLIENT_ID=your-github-client-id
   GITHUB_CLIENT_SECRET=your-github-client-secret
   GITHUB_CALLBACK_URL=http://your-app-url/login/github/callback
    
   GOOGLE_CLIENT_ID=your-github-client-id
   GOOGLE_CLIENT_SECRET=your-github-client-secret
   GOOGLE_CALLBACK_URL=http://your-app-url/login/google/callback
   

6. Generate a new application key:

   php artisan key:generate
   

7. Generate a new application key:

   php artisan key:generate
   

8. Run database migration and seeders:

   php artisan migrate
   php artisan db:seed
   

9. Start the development server and compile assets:

   php artisan serve
   npm run dev
   

10. Visit http://localhost:8000 in your browser to access the application.

ADMIN SEEDER ACCOUNT: admin@email.com password1234