shobit1337/ReelFlix

A Video Library 📽 for movie lovers 🍿

ReelFlix

Try it out now »

Report bug · Request feature

ReelFlix

ReelFlix is a video library app, similar to youtube. It has all basic features of that youtube provides. It is made with React for frontend and MirageJs for backend.

Table of contents

• What's included
• Contributing
• Creators
• Thanks
• license

What's included

Within the download you'll find the following directories and files.

Contents

• 📂 ReelFlix
  • 📄 README.md
  • 📄 node_modules
  • 📄 package.json
  • 📂 public
    • 📄 _redirects
    • 📄 favicon.ico
    • 📄 index.html
  • 📂 src
    • 📄 App.css
    • 📄 App.jsx
    • 📄 Routes.jsx
    • 📂 backend
      • 📂 controllers
        • 📄 AuthController.js
        • 📄 CategoryController.js
        • 📄 DislikeController.js
        • 📄 HistoryController.js
        • 📄 LikeController.js
        • 📄 PlaylistController.js
        • 📄 VideoController.js
        • 📄 WatchLaterController.js
      • 📂 db
        • 📄 categories.js
        • 📄 playlists.js
        • 📄 users.js
        • 📄 videos.js
      • 📂 utils
        • 📄 authUtils.js
    • 📂 components
      • 📂 Auth
        • 📄 ForgotPassword.jsx
        • 📄 Login.jsx
        • 📄 Signup.jsx
      • 📂 CreatePlaylist
        • 📄 CreatePlaylist.jsx
      • 📂 Footer
        • 📄 Footer.jsx
      • 📂 ListSection
        • 📄 ListSection.jsx
      • 📂 Modal
        • 📄 Modal.css
        • 📄 Modal.jsx
      • 📂 Navbar
        • 📄 Navbar.css
        • 📄 Navbar.jsx
      • 📂 PlaylistCard
        • 📄 PlaylistCard.css
        • 📄 PlaylistCard.jsx
      • 📂 SearchBar
        • 📄 SearchBar.css
        • 📄 SearchBar.jsx
      • 📂 SelectPlaylist
        • 📄 SelectPlaylist.css
        • 📄 SelectPlaylist.jsx
      • 📂 Sidebar
        • 📄 Sidebar.css
        • 📄 Sidebar.jsx
      • 📂 VideoCard
        • 📄 VideoCard.css
        • 📄 VideoCard.jsx
      • 📄 index.js
    • 📂 context
      • 📄 auth-context.js
      • 📄 playlist-context.js
    • 📂 hooks
      • 📄 useOnClickOutside.jsx
    • 📄 index.js
    • 📄 logo.png
    • 📂 pages
      • 📂 HistoryPage
        • 📄 HistoryPage.jsx
      • 📂 HomePage
        • 📄 HomePage.css
        • 📄 HomePage.jsx
      • 📂 LikesPage
        • 📄 LikesPage.jsx
      • 📂 ListingPage
        • 📄 ListingPage.css
        • 📄 ListingPage.jsx
      • 📂 PlaylistPage
        • 📄 PlaylistPage.jsx
        • 📂 components
          • 📂 CreatePlayListModal
            • 📄 CreatePlaylistModal.jsx
          • 📂 PlaylistList
            • 📄 PlaylistList.jsx
          • 📂 PlaylistView
            • 📄 PlaylistView.css
            • 📄 PlaylistView.jsx
      • 📂 VideoPage
        • 📄 VideoPage.css
        • 📄 VideoPage.jsx
        • 📂 components
          • 📂 LikeDislikeSection
            • 📄 LikeDislikeSection.css
            • 📄 LikeDislikeSection.jsx
          • 📂 MoreVideos
            • 📄 MoreVideos.jsx
          • 📄 index.js
      • 📂 WatchLaterPage
        • 📄 WatchLaterPage.jsx
      • 📄 index.js
    • 📂 routing
      • 📂 PrivateLink
        • 📄 PrivateLink.jsx
      • 📂 PrivateRoute
        • 📄 PrivateRoute.jsx
      • 📄 index.js
    • 📄 server.js
    • 📂 store
      • 📂 auth
        • 📄 action.types.js
        • 📄 actions.js
        • 📄 reducer.js
      • 📂 playlist
        • 📄 action.types.js
        • 📄 actions.js
        • 📄 reducer.js
    • 📂 utils
      • 📂 auth
      • 📂 category
        • 📄 index.js
      • 📂 history
        • 📄 index.js
      • 📂 like-dislike
        • 📄 index.js
      • 📂 playlist
      • 📂 videos
        • 📄 index.js
      • 📂 watchLater
        • 📄 index.js
  • 📄 yarn.lock

Features/ Functionality in Reelflix:

• Home page
• Video listing page
• Filter Videos
• Search video
• Individual video page
• Like video
• Watch Later Video
• History video
• Create playlist
• Comment on video
• Authentication:
  • User Signup
  • User Login

Built with -

• React JS
• React Context API + useReducer
• MirageJS for mock backend apis
• React Router v6
• Vanilla CSS integrated with CloudUI Component Library

Running documentation locally and Contributing

• Clone this repo: git clone https://github.com/shobit1337/ReelFlix.git
• Run yarn install
• To run the project in your local server yarn start
• Live server will be started and make changes accordingly.

Creator

Shobit Deshwal

• https://twitter.com/shobit1337
• https://github.com/shobit1337

Thanks

Thanks to Netlify for providing us with Deploy Previews!

Thanks to FontAwesome for providing us with Free Icons!

License

Code released under the MIT Licence.