Code Monkey home page Code Monkey logo

shubhamgupta2730 / online-course-portal Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 4.92 MB

Welcome to our Online Course Portal project! ๐Ÿš€ Explore our platform designed to revolutionize learning experiences. With intuitive navigation, robust features, and seamless interaction, this portal offers a dynamic space for students and instructors alike. Dive into a world of diverse courses, engaging content, and collaborative tools.

Home Page: https://online-course-portal-gules.vercel.app

License: MIT License

CSS 3.03% HTML 1.01% JavaScript 95.96%
e-learning-platform mern online-course-portal react online-course-portal-project jwt mongodb online-course-portal-github online-course-portal-mern-stack online-course-portal-project-github

online-course-portal's Introduction

Online Course Portal ๐ŸŒŸ

Welcome to our Online Course Portal project! This platform is designed to revolutionize the way we learn by providing a dynamic and interactive space for students and instructors. https://online-course-portal-gules.vercel.app/

Features โœจ

  • User-friendly Interface: Navigate seamlessly through our intuitive interface designed for an optimal learning experience.
  • Diverse Course Catalog: Explore a wide range of courses across various subjects and levels to suit your interests and learning goals.
  • Interactive Learning: Engage with interactive lessons to reinforce your understanding.
  • Personalized Learning Paths: Tailor your learning journey with personalized recommendations and progress tracking.
  • Responsive Design: Access the portal from any device - desktop, tablet, or mobile - for a consistent experience on the go.

Technologies Used ๐Ÿ› ๏ธ

  • Frontend: HTML5, CSS3, JavaScript, ReactJs
  • Backend: Node.js, Express.js
  • Database: MongoDB
  • Authentication: JSON Web Tokens (JWT)
  • Version Control: Git, GitHub

Getting Started ๐Ÿš€

To get started with our Online Course Portal:

  1. Clone this repository.

    Server Setup Instructions ๐Ÿ–ฅ๏ธ

  2. go inside Server directory cd server .

  3. Install dependencies using npm install.

  4. Run the server using npm start command.

    Note: The server is running on localhost:4000.

    Frontend Setup Instructions ๐ŸŒ

  5. Install dependencies using npm install.

  6. Create and Configure environment variables (.env file ) for database connection, razorpay secret and JWT secret for both server and main directory.

  7. Run the application using npm run dev .

  8. Access the portal through your web browser.

    Note: The application is running on localhost:3000.

    Deployment Details ๐Ÿš€

Server Deployment:

The backend server of our Online Course Portal is deployed on Render. Render offers a scalable and reliable platform for hosting web applications and services.

  • Server URL: Online Course Portal Server
  • Deployment Steps:
    1. Sign up or log in to your Render account.
    2. Follow Render's documentation to deploy a Node.js application.
    3. Configure environment variables such as database connection, Razorpay secret, and JWT secret in Render's dashboard.
    4. Once configured, deploy your server application.

Frontend Deployment:

The frontend of our Online Course Portal is deployed on Vercel. Vercel provides a fast and efficient platform for hosting static websites and frontend applications.

  • Frontend URL: Online Course Portal Frontend
  • Deployment Steps:
    1. Sign up or log in to your Vercel account.
    2. Follow Vercel's documentation to deploy a React.js application.
    3. Configure environment variables such as database connection, Razorpay secret, and JWT secret in Vercel's dashboard or using environment files.
    4. Once configured, deploy your frontend application.

By deploying the server on Render and the frontend on Vercel, we ensure high availability and performance for our Online Course Portal, providing users with a seamless learning experience.

Contributing ๐Ÿค

We welcome contributions from the community to improve and enhance our Online Course Portal. Feel free to fork the repository, make changes, and submit pull requests.

License ๐Ÿ“

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

Acknowledgements ๐Ÿ™

We would like to express our gratitude to the open-source community for their invaluable contributions and inspiration.


Let's redefine education in the digital age together! Happy learning! ๐Ÿš€โœจ

online-course-portal's People

Contributors

shubhamgupta2730 avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.