Code Monkey home page Code Monkey logo

skill-hub's Introduction

SKILL HUB

Welcome to Skill Hub, your ultimate destination for diverse and comprehensive online courses, designed to empower learners with essential skills and knowledge. Our platform offers a wide range of courses, ranging from Python and Web Development to Amazon AWS, Machine Learning, Excel, and more, catering to learners of all levels and interests. Upon signing in, users gain access to a vast collection of course videos, neatly organized under "My Learning," allowing them to conveniently track their progress. With a user-friendly interface, individuals can effortlessly browse through our extensive course catalog, each course accompanied by detailed information, including pricing, syllabus, and other essential particulars. Embrace the opportunity to enhance your expertise, explore new domains, and embark on a transformative learning journey with Skill Hub. Join us today, and let's embark on a path of continuous growth and achievement together.

Team Members

Links



Navbar

Navbar



Login Page

Login



Signup Page

Signup



Home Page

Homepage



Footer

Footer



Single Course Details

SingleCourseDetails



Shopping Cart

ShoppingCart



Checkout Page

Checkout



Non Existent Route Handler Page

pagenotfound



Loading Animation

Screenshot 2023-07-28 002249



Built With

Features

  • Browse Courses in Homepage and LandingPage
  • View Course Details in Single Page View
  • Can Signup
  • Can Login
  • Can subscribe to Courses
  • Subscribing to course Gives access to Course Videos
  • Course Videos Can be Played
  • All videos Displayed in a Youtube recommendation kind of List
  • Cannot access video if user has not subscribed to
  • Admin Page
  • Admin can add, modify , delete courses

skill-hub's People

Contributors

ahamadshaikh avatar ak-nut-47 avatar jurikalita011 avatar sankethganiga95 avatar surajy001 avatar

Stargazers

 avatar  avatar

Watchers

 avatar

skill-hub's Issues

Single video page

  • Make a div for video
  • Built the left div for course content
  • Make the play button functionality

single video page

  • course content added
  • Responsiveness of page
  • Creating the Q & A section
  • Input Box
  • Ask question button
  • Show question in Q & A section

Responsiveness

  • Responsiveness for mobile
  • Responsiveness for PC and Tablet

Single video page

  • using react-player buiit video div
  • Make a div for about course details
  • create discription container

Single video page

  • Using react-icons for play button
  • Clickng on play button only that video show
  • Built the Q and A section

My learning page

  • Create Title container
  • Create link div
  • Built the navbar for different pages in my learning page
  • Make the spinner
  • Create the image div

Single video page

  • create the link div
  • fetch the data and show on UI
  • Create a video player using react-player
  • built the div for showing course data
  • make responsive for mobile,tablet and PC

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.