Skip to content

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

Contributors