Skip to content

Latest commit

 

History

History
141 lines (96 loc) · 5.29 KB

README.md

File metadata and controls

141 lines (96 loc) · 5.29 KB
Raw

E-Learning Platform 💻🎓

E-Learning Logo

This E-Learning platform is a dynamic web-based system designed to deliver courses and educational resources online. It supports teachers and students in engaging with course content, managing profiles, and accessing educational resources through a user-friendly interface.

Features ✨

  • User Authentication: Secure registration and login functionality for students and teachers.
  • Courses Module: View and manage course content, assignments, and lessons.
  • Teacher Profiles: Each teacher has a profile displaying their credentials, courses taught, and feedback.
  • Student Profiles: Students can update personal information and track their learning progress.
  • Payment Integration: Seamless payment handling for premium course subscriptions.
  • Video Lessons: Watch video tutorials within the platform.
  • Responsive Design: Fully optimized for desktop, tablet, and mobile devices.

Folder Structure 📂

Here is the structure of the project repository:

├── css/
│   └── styles.css               # CSS for styling all pages
├── images/
│   └── logo.png                 # Images for the website (logo, background, etc.)
├── js/
│   └── scripts.js               # JavaScript for interactivity and user validation
├── about.html                   # About us page
├── contact.html                 # Contact us page
├── courses.html                 # List of courses available on the platform
├── home.html                    # Homepage for users after login
├── login.html                   # Login page for user authentication
├── payment.py                   # Backend script for handling payment
├── playlist.html                # Playlist for video courses
├── profile.html                 # Student profile page
├── register.html                # Registration page for new users
├── settings.html                # Settings page for user account management
├── teacher_profile.html         # Teacher profile page
├── teachers.html                # List of all teachers on the platform
├── update.html                  # Page for updating user information
├── watch-video.html             # Page for watching video tutorials

Project Workflow 🚀

1. User Authentication:

  • Login: Users can log into their accounts using login.html.
  • Register: New users can create accounts via register.html, with validations in place to ensure secure account creation.

Login Page

2. Course Management:

  • Users can browse available courses on courses.html, view detailed information, and enroll in courses.
  • Teachers can manage course content, upload new materials, and interact with students.

Courses Page

3. Video Lessons:

  • Students can watch lessons directly on the platform through the watch-video.html page. The platform supports a seamless video streaming experience.

Watch Video

4. Payment Integration:

  • The platform integrates a secure payment system, allowing users to purchase premium courses and subscribe to services through payment.py.

Setup Instructions ⚙️

1. Clone the Repository:

git clone https://github.com/yourusername/e-learning-platform.git
cd e-learning-platform

2. Install Dependencies:

Install the necessary dependencies for the project. If payment.py uses Flask or Django for backend handling, make sure to install those as well:

pip install flask  # If using Flask for payment handling

3. Run the Project:

You can directly open the home.html file in your browser to view the frontend. For running the backend (if applicable):

python payment.py  # Runs the payment system

Technology Stack 🛠️

  • HTML5: For structuring the web pages.
  • CSS3: For styling the platform and ensuring responsive design.
  • JavaScript: For dynamic interactivity and user validation.
  • Python (Flask/Django): For backend services like payment integration.
  • Bootstrap: Used for responsive and mobile-first design.

Contributing 🤝

We welcome contributions from the community! If you’d like to contribute:

  1. Fork the repository.
  2. Create a new feature branch (git checkout -b feature-branch).
  3. Commit your changes (git commit -m "Add new feature").
  4. Push to the branch (git push origin feature-branch).
  5. Open a pull request.

License 📄

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

Contact 📬

For any questions, feel free to reach out:

Ready to transform the learning experience? Start exploring our E-Learning Platform now!

Make sure to replace placeholder URLs with actual links to your images and resources. Let me know if you need further adjustments!