All projects

Maschid

Digital Platform for Mosques

We developed Maschid, a digital solution that helps mosques connect with their community, share prayer times, events, and important announcements.

Industry
Education
What we did
Web Development, UI-UX Design
Type
Our own product
Maschid

About project

Maschid makes it easier for mosque communities to stay connected, offering features for prayer schedules, events, donations, and announcements:

Prayer Times:

Accurate daily prayer times with reminders and notifications.

Events & Announcements:

Information about mosque activities, lectures, and community gatherings.

Donations & Support:

Secure and simple way for community members to contribute to mosque initiatives.

1. Requirement Gathering

We began by identifying the project’s key requirements and business goals to ensure the final product aligned with the client’s vision.

Analytics

Columns: Columns take up most of the real estate in a grid. Elements and content are placed in columns. To adapt to any screen size, column widths are generally defined with percentages rather than fixed values and the number of columns will vary. For example, a grid on a mobile device might have 4 columns and a grid on a desktop might have 12 columns.

Gutters: Columns take up most of the real estate in a grid. Elements and content are placed in columns. To adapt to any screen size, column widths are generally defined with percentages rather than fixed values and the number of columns will vary. For example, a grid on a mobile device might have 4 columns and a grid on a desktop might have 12 columns.

Definition: A grid is made up of columns, gutters, and margins that provide a structure for the layout of elements on a page.Definition: A grid is made up of columns, gutters, and margins that provide a structure for the layout of elements on a page.
2. Planning

A detailed project roadmap was created, outlining clear milestones, deadlines, and resource allocation.

Analytics

Columns: Columns take up most of the real estate in a grid. Elements and content are placed in columns. To adapt to any screen size, column widths are generally defined with percentages rather than fixed values and the number of columns will vary. For example, a grid on a mobile device might have 4 columns and a grid on a desktop might have 12 columns.

Gutters: Columns take up most of the real estate in a grid. Elements and content are placed in columns. To adapt to any screen size, column widths are generally defined with percentages rather than fixed values and the number of columns will vary. For example, a grid on a mobile device might have 4 columns and a grid on a desktop might have 12 columns.

Definition: A grid is made up of columns, gutters, and margins that provide a structure for the layout of elements on a page.Definition: A grid is made up of columns, gutters, and margins that provide a structure for the layout of elements on a page.
3. Design

Our team developed a modern, user-friendly interface, making it easy for users to navigate through the app, track their bonuses, and stay updated with news and promotions.

Analytics

Columns: Columns take up most of the real estate in a grid. Elements and content are placed in columns. To adapt to any screen size, column widths are generally defined with percentages rather than fixed values and the number of columns will vary. For example, a grid on a mobile device might have 4 columns and a grid on a desktop might have 12 columns.

Gutters: Columns take up most of the real estate in a grid. Elements and content are placed in columns. To adapt to any screen size, column widths are generally defined with percentages rather than fixed values and the number of columns will vary. For example, a grid on a mobile device might have 4 columns and a grid on a desktop might have 12 columns.

Definition: A grid is made up of columns, gutters, and margins that provide a structure for the layout of elements on a page.Definition: A grid is made up of columns, gutters, and margins that provide a structure for the layout of elements on a page.
4. Development

We built the mobile app using Flutter, ensuring a smooth and consistent experience across multiple platforms:

Analytics

Columns: Columns take up most of the real estate in a grid. Elements and content are placed in columns. To adapt to any screen size, column widths are generally defined with percentages rather than fixed values and the number of columns will vary. For example, a grid on a mobile device might have 4 columns and a grid on a desktop might have 12 columns.

Gutters: Columns take up most of the real estate in a grid. Elements and content are placed in columns. To adapt to any screen size, column widths are generally defined with percentages rather than fixed values and the number of columns will vary. For example, a grid on a mobile device might have 4 columns and a grid on a desktop might have 12 columns.

Definition: A grid is made up of columns, gutters, and margins that provide a structure for the layout of elements on a page.Definition: A grid is made up of columns, gutters, and margins that provide a structure for the layout of elements on a page.
5. Testing

Rigorous testing was conducted to ensure the app performs optimally on all devices and under various conditions.

Analytics

Columns: Columns take up most of the real estate in a grid. Elements and content are placed in columns. To adapt to any screen size, column widths are generally defined with percentages rather than fixed values and the number of columns will vary. For example, a grid on a mobile device might have 4 columns and a grid on a desktop might have 12 columns.

Gutters: Columns take up most of the real estate in a grid. Elements and content are placed in columns. To adapt to any screen size, column widths are generally defined with percentages rather than fixed values and the number of columns will vary. For example, a grid on a mobile device might have 4 columns and a grid on a desktop might have 12 columns.

Definition: A grid is made up of columns, gutters, and margins that provide a structure for the layout of elements on a page.Definition: A grid is made up of columns, gutters, and margins that provide a structure for the layout of elements on a page.
6. Deployment

The app was successfully deployed on both the Google Play Store and the Apple App Store, ensuring easy access for users.

Analytics

Columns: Columns take up most of the real estate in a grid. Elements and content are placed in columns. To adapt to any screen size, column widths are generally defined with percentages rather than fixed values and the number of columns will vary. For example, a grid on a mobile device might have 4 columns and a grid on a desktop might have 12 columns.

Gutters: Columns take up most of the real estate in a grid. Elements and content are placed in columns. To adapt to any screen size, column widths are generally defined with percentages rather than fixed values and the number of columns will vary. For example, a grid on a mobile device might have 4 columns and a grid on a desktop might have 12 columns.

Definition: A grid is made up of columns, gutters, and margins that provide a structure for the layout of elements on a page.Definition: A grid is made up of columns, gutters, and margins that provide a structure for the layout of elements on a page.
7. Feedback and Improvement

После запуска мы постоянно собираем отзывы пользователей для внедрения новых функций и улучшения общей функциональности приложения.

Analytics

Columns: Columns take up most of the real estate in a grid. Elements and content are placed in columns. To adapt to any screen size, column widths are generally defined with percentages rather than fixed values and the number of columns will vary. For example, a grid on a mobile device might have 4 columns and a grid on a desktop might have 12 columns.

Gutters: Columns take up most of the real estate in a grid. Elements and content are placed in columns. To adapt to any screen size, column widths are generally defined with percentages rather than fixed values and the number of columns will vary. For example, a grid on a mobile device might have 4 columns and a grid on a desktop might have 12 columns.

Definition: A grid is made up of columns, gutters, and margins that provide a structure for the layout of elements on a page.Definition: A grid is made up of columns, gutters, and margins that provide a structure for the layout of elements on a page.

What went into it

The same disciplines are available for your task — prices and timelines for each are public.

Web Development

We build fast, responsive, and SEO-optimized websites tailored to your business goals and audience

UI-UX Design

We craft intuitive interfaces and engaging user experiences that drive conversions and delight users

More projects

Similar tasks from the same industry — see how they were solved.

All projects

Describe your task — we'll come back with an estimate

A couple of questions about the product and the budget. We take it from there: we study the task, propose a solution, and name a deadline.

Message on WhatsApp

We reply in 15 minutes during business hours, Mon–Fri, 9:00–18:00.

Maschid — Digital Platform for Mosques