Skip to content

πŸ‘¨πŸ»β€πŸŽ“ A Lightweight Platform for tracking and learning Sheikh Othman's Islamic knowledge video series, using Next.js and Typescript.

License

Notifications You must be signed in to change notification settings

heynzar/sheikh-othman-platform

Repository files navigation

Sheikh Othman Al Kamees - Platform

A Simple platform for tracking and learning Sheikh Othman's Islamic knowledge video series.

πŸš€ Live Demo Here

Project Preview


Table of Contents

  1. Goal
  2. Features
  3. Built With
  4. Installation
  5. Contributing
  6. License
  7. Contact

🎯 Goal

It all started the day I decided to learn more about Islam. I found many helpful resources,

but everything changed when I discovered Sheikh Othman Khames's series on YouTube. The content was exactly what I was looking for.

However, there were a bunch of playlists for the series, which led to distractions as I watched. Over time, I lost track of my progress, especially considering that some videos were quite long.

To solve this problem, I created this organized platform that combines all the videos from every playlist into one place.

It provides a distraction-free experience, along with a reliable progress tracking system, ensuring that users can continue learning easily without interruptions from unrelated content.


⚑ Key Features

  • Responsive Design: Optimized for seamless use on desktops, tablets, and mobile devices.
  • Progress Tracking: Keep track of watched and unwatched videos to monitor your learning journey.
  • Organized Video Library: Access a structured collection of Sheikh Othman Khames's videos for easy learning.
  • Distraction-Free Interface: A clean design ensures focus on learning without interruptions.
  • SEO Optimization: Each video is equipped with dynamic titles, meta descriptions, and keywords to improve visibility on search engines.

πŸ›  Built With

  • Next
  • React
  • TypeScript
  • TailwindCSS

(back to top)


πŸ“¦ Installation

  1. Clone the repo
    git clone https://github.com/heynzar/sheikh-othman-platform.git
    cd sheikh-othman-platform
  2. Install NPM packages
    npm install
  3. Run the Project
    npm run dev

(back to top)


🀝 Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. Don't forget to give the project a star! Thanks again!

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

(back to top)


πŸ“œ License

This project is licensed under the MIT License. Feel free to use and modify it for your own projects.

See LICENSE.txt for more information.

(back to top)


πŸ“¬ Contact

Nzar - @heynzar - heynzar@gmail.com

Project Link: https://github.com/heynzar/sheikh-othman-platform

(back to top)

About

πŸ‘¨πŸ»β€πŸŽ“ A Lightweight Platform for tracking and learning Sheikh Othman's Islamic knowledge video series, using Next.js and Typescript.

Topics

Resources

License

Stars

Watchers

Forks