https://github.com/heynzar/sheikh-othman-platform
👨🏻🎓 A Lightweight Platform for tracking and learning Sheikh Othman's Islamic knowledge video series, using Next.js and Typescript.
https://github.com/heynzar/sheikh-othman-platform
deen islam islamic-app islamic-apps learning learning-resources muslim nextjs react sheikh-othman tailwindcss
Last synced: 4 months ago
JSON representation
👨🏻🎓 A Lightweight Platform for tracking and learning Sheikh Othman's Islamic knowledge video series, using Next.js and Typescript.
- Host: GitHub
- URL: https://github.com/heynzar/sheikh-othman-platform
- Owner: heynzar
- License: mit
- Created: 2024-11-18T17:22:18.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2025-02-09T19:58:17.000Z (4 months ago)
- Last Synced: 2025-02-09T20:29:20.066Z (4 months ago)
- Topics: deen, islam, islamic-app, islamic-apps, learning, learning-resources, muslim, nextjs, react, sheikh-othman, tailwindcss
- Language: TypeScript
- Homepage: https://sheikh-othman.vercel.app
- Size: 30.9 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Sheikh Othman Al Kamees - Platform
A Simple platform for tracking and learning Sheikh Othman's Islamic knowledge video series.
🚀 **[Live Demo Here](https://sheikh-othman.vercel.app/)**
[](https://sheikh-othman.vercel.app/)
---
## Table of Contents
---
## 🎯 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][Next.js]][Next-url]
- [![React][React.js]][React-url]
- [![TypeScript][TypeScript]][TypeScript-url]
- [![TailwindCSS][TailwindCSS]][TailwindCSS-url]
---
## 📦 Installation
1. Clone the repo
```sh
git clone https://github.com/heynzar/sheikh-othman-platform.git
cd sheikh-othman-platform
```
2. Install NPM packages
```sh
npm install
```
3. Run the Project
```sh
npm run dev
```
---
## 🤝 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
---
## 📜 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.
---
## 📬 Contact
Nzar - [@heynzar](https://x.com/heynzar) - [email protected]
Project Link: [https://github.com/heynzar/sheikh-othman-platform](https://github.com/heynzar/sheikh-othman-platform)
[Next.js]: https://img.shields.io/badge/next.js-000000?style=for-the-badge&logo=nextdotjs&logoColor=white
[Next-url]: https://nextjs.org/
[React.js]: https://img.shields.io/badge/React-000000?style=for-the-badge&logo=react&logoColor=61DAFB
[React-url]: https://react.dev/
[TypeScript]: https://img.shields.io/badge/typescript-000000?style=for-the-badge&logo=typescript&logoColor=60a5fa
[TypeScript-url]: https://www.typescriptlang.org
[TailwindCSS]: https://img.shields.io/badge/TailwindCSS-000000?style=for-the-badge&logo=tailwindcss&logoColor=38bdf8
[TailwindCSS-url]: https://tailwindcss.com