Skip to content

ishitakeshawani/Learn-CS

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

✨ Learn CS ✨

Badge Badge Badge Badge Badge


Tech Stack :

  • Frontend: HTML,CSS,React.js
  • Version Control: Git and GitHub
  • Hosting: Netlify
  • Code Editor and tools: VS Code

✨ Welcome to Learn CS ✨

Table of Contents

- Overview
- Folder Structure
- UI of Website
- Contribution Guideline

Overview 🔨

Learn CS is a video library, which contains different subjectwise videos. Users can browse and filter videos. Videos can be like, unlike, and added to playlists and watched later section. Users can watch videos and watch the history too. I have also implemented user authentication using the JWT token.

Folder Structure 📒

      |   ├───assets
      │   └───Images
      ├───backend
      │   ├───controllers
      │   ├───db
      │   └───utils
      ├───components
      │   ├───category
      │   ├───category card
      │   ├───footer
      │   ├───model
      │   │   ├───add-to-playlist-modal
      │   │   └───playlist-model
      │   ├───navbar
      │   ├───playlistcard
      │   ├───sidebar
      │   └───videocard
      ├───contexts
      ├───pages
      │   ├───explore
      │   ├───history
      │   ├───homepage
      │   ├───likedvideos
      │   ├───login
      │   ├───playlist
      │   ├───playlists
      │   ├───signup
      │   ├───singlevideo
      │   └───watchlater
      ├───reducers
      └───utils

UI of the Website

Click on the image to watch it.

Screenshot (284) Screenshot (287)
Home Page Explore Page
Screenshot (288) Screenshot (290)
Liked Videos Page Watch Later Page
Screenshot (289) Screenshot (291)
Single Video Page History Page
Screenshot (292) Screenshot (293)
Add video to playlist modal Playlist Page

Setup Steps

  • Go to directory
$ cd Learn-CS

  • Start LocalHost Server
npm run start

Contribution Guidelines 🏗

To start contributing, follow the below guidelines:

1. Fork this repository.

2. Clone your forked copy of the project.

git clone https://github.com/ishitakeshawani/Learn-CS.git

3. Navigate to the project directory 📁 .

cd Learn-CS

4. Add a reference(remote) to the original repository.

git remote add upstream Learn-CS.git

5. Check the remotes for this repository.

git remote -v

6. Create a new branch.

git checkout -b <your_branch_name>

7. Perfom your desired changes to the code base.

8. Track your changes:heavy_check_mark: .

git add .

9. Commit your changes .

git commit -m "Relevant message"

10. Push the committed changes in your feature branch to your remote repo.

git push -u origin <your_branch_name>

11. To create a pull request, click on compare and pull requests.

12. Add appropriate title and description to your pull request explaining your changes and efforts done.

13. Click on Create Pull Request.

14 You did it! 🥳 Wait for your submission to be accepted and your PR to be merged.


About

Learn CS is video Library web app made in React.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published