GithubHelp home page GithubHelp logo

vedascript / coursera-clone Goto Github PK

View Code? Open in Web Editor NEW

This project forked from tambegaurav/coursera-clone

0.0 0.0 0.0 2.41 MB

Masai School - Unit 4 Project

HTML 1.18% CSS 0.71% JavaScript 98.12%

coursera-clone's Introduction

Coursera Clone (MERN Stack)

Coursera is a ed-tech platform where anybody can browse for what they want to learn and can enroll and earn a skill for themselves. This Project is build as part of Masai School (30 weeks Bootcamp) Curriculum project and completed in duration of 2 weeks.

Demo

CPT2107162132-1419x767

Environment Variables

To run this project, you will need to add the following environment variables to your .env file

Inside Client Folder :

REACT_APP__ALL_FIREBASE_CREDENTIALS_HERE

Inside Server Folder :

ATLAS_URI

Features

User Side:

  • User can browse through courses by category
  • User can search by keywords or name of Course
  • User can view Course details without signing in.
  • User Sign in Feature
  • User Sign up Feature
  • User can Enroll into any Course and start learning.
  • Razorpay Payment Feature while Enrolling (Test Mode)
  • Course Material Learning Page
  • User can save bookmarks/snapshots of any enrolled Course Video
  • User can write/save notes of any enrolled Course Video
  • Update Profile data

Admin Side:

  • View all Courses on Platform
  • Add New Course
  • Add Course Content (Videos & Author Content)
  • View Enrolled students in particular course

Installation

Inside Client & Server install with npm

  npm install

Screenshots

Homepage

Screenshot 2021-06-17 at 8 09 36 PM

Course Search by Category

Screenshot 2021-06-17 at 8 11 12 PM

Search by keyword Page

Screenshot 2021-06-17 at 8 11 48 PM

Course Details Page

Screenshot 2021-06-17 at 8 11 28 PM

Course Material View

Screenshot 2021-06-17 at 8 12 18 PM

Tech Stack

Client: React, Redux

Server: Node, Express, MongoDb, Mongoose, Firebase

Libraries Used

Client: Material Ui, Styled-Components, Axios, Firebase, React-Player, React-Markdown

Server: Cors, Bcrypt

Authors

Acknowledgements

coursera-clone's People

Contributors

tambegaurav avatar vedascript avatar hinduraj8199 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.