SaaS
Neyat
An open-source project that gathers good intentions for everyday actions with their Islamic evidences, in a simple bilingual experience.
Category
- Role
- Creator / Front End Developer
- Timeline
- Side project
- Team Size
- Solo
- Year
- 2025
- Technologies
- Next.jsTypeScriptTailwind CSSi18n
01
Overview
Neyat is an open-source project that started from a personal habit and a simple question: how can everyday actions become acts of worship just by bringing a good intention to mind?
The site gathers intentions people can hold in daily life, carefully attaching evidences from the Qur'an, the Sunnah, and the sayings of the early generations wherever possible — with sourced references and hadith attribution — in a simple experience that supports both Arabic and English.
02
The Challenge
The challenge was not only technical. It was about presenting religious content in a documented, easy-to-access way, while keeping an interface simple enough not to distract from the core purpose.
It was also important to build the project so the community could review and improve it — which is why it launched as an open-source project from day one.
03
My Role
I owned the idea and built the project from start to launch, including:
- Turning the idea into a usable product.
- Designing and building the full app with Next.js and TypeScript.
- Shipping a bilingual Arabic and English experience.
- Designing interfaces focused on readability and easy access to content.
- Organizing the content and linking each intention to its Islamic evidences and references.
- Publishing the project as an open-source initiative open to community contributions and review.
My role went beyond writing code — it included researching the content, organizing information, and designing an experience that helps users reach the benefit in the simplest way possible.
04
Process
01
Discovery
The project started by identifying the most common everyday actions, gathering related intentions, reviewing Islamic evidences, and carefully documenting their sources.
02
Planning
I designed a simple experience that makes content easy to reach, focusing on readability and removing anything that might distract from the core purpose.
03
Development
I built the app with Next.js, TypeScript, and Tailwind CSS, with full Arabic and English support, and a simple structure that makes it easy to extend and add new sections later.
04
Testing
Before launch, I validated:
- Content clarity and readability.
- Links between each intention and its evidences and references.
- Usability in both Arabic and English.
- Compatibility across screen sizes and devices.
- Easy browsing of everyday actions and finding the right content.
05
Launch
The project launched as an open-source initiative, inviting the community to contribute — whether by reviewing the religious content or improving the experience and codebase.
05
Features
Documented content
Each intention is paired with available evidences from the Qur'an, the Sunnah, and the sayings of the early generations, with sources documented wherever possible.
Bilingual
I delivered a full experience in both Arabic and English to widen who can benefit from it.
Open source
The full project is open to contributors so it can keep improving — both in content and in the technical experience.
Simple user experience
I built a content-first interface that helps users find what they need quickly, without distraction.
06
Technical Highlights
On this project I focused on a simple, clear app that puts content first, with a structure that lets the community contribute and grow it over time.
What I worked with:
- Next.js.
- TypeScript.
- Tailwind CSS.
- Internationalization (i18n).
- Responsive Design.
- Open Source Architecture.
- Content-First UX.
07
Results
On this project, I:
- Turned a personal idea into a real product available to everyone.
- Launched it as an open-source initiative open to community development.
- Built a simple app that prioritizes content and usability over complexity.
- Designed a structure that supports adding new everyday actions and expanding the content later.
08
Lessons Learned
This project taught me that the best products often start from a real personal problem. Building a content-driven product is not only about the code — it also needs careful information design, accurate sources, and an experience that helps users reach the benefit in the simplest possible form.
