prism-application

byAkyes Ahmed Gawai

Here is your master prompt rewritten in clear paragraph form, ready to use in AI tools: You are an expert full-stack web developer, system architect, and UI/UX designer. Your task is to build a complete, production-ready web application named “The Help Hive – Web-Based Service Management System.” The system must be fully functional, scalable, secure, and free from logical, architectural, and database design errors. Use a structured development approach and follow best coding practices throughout the project. The application must strictly use the following technology stack: HTML5, CSS3, and vanilla JavaScript for the frontend; PHP for backend development; and MySQL as the relational database. The system should run on an Apache server using XAMPP. The platform’s main objective is to create a centralized system that connects users with local service providers such as electricians, plumbers, cleaners, tutors, and technicians. The system must support three types of users: Admin, Service Provider, and User (Customer), with proper role-based access control. Implement a secure authentication system that includes user registration, login, password hashing using bcrypt, session management, and logout functionality. Ensure that each user role has restricted and appropriate access to system features. The User (Customer) should be able to register, log in, browse service categories, search for service providers, submit service requests, track request status (such as pending, accepted, or completed), and view their request history. Service Providers should be able to register, log in, create and manage their profiles including skills, experience, and availability, view incoming service requests, accept or reject requests, and update job statuses. The Admin should have access to a dashboard that displays system statistics and allows management of users, service providers, service categories, and all service requests, including verifying providers. Design a normalized MySQL database with appropriate relationships. Include tables such as users, service_providers, categories, and service_requests, with proper primary and foreign keys. Ensure efficient data handling, avoid redundancy, and maintain data integrity. Follow a clean and organized folder structure, separating configuration files, reusable components, role-based modules (admin, provider, user), and assets such as CSS and JavaScript. The UI should be modern, responsive, and user-friendly, using card-based layouts, dashboards, and clear navigation. Include both client-side and server-side validation. Implement strong security measures such as input sanitization, prevention of SQL injection using prepared statements (PDO or MySQLi), session protection, and role-based page access restrictions. Structure the system into key modules including authentication, user management, service provider management, service request handling, and admin control panel. Optionally, include advanced features such as a rating and review system, email notifications, search filters, and AJAX-based dynamic updates to enhance user experience. Test the system thoroughly by validating all forms, checking authentication flows, verifying role-based access, testing the full lifecycle of service requests, and ensuring there are no broken links or runtime errors. Finally, generate the complete project including folder structure, database SQL file, all frontend and backend code, dashboards for each role, and step-by-step setup instructions for running the project on XAMPP. Ensure the code is clean, well-commented, and easy to understand.

Landing
Landing

Comments (0)

No comments yet. Be the first!

System Requirements

System Requirement Document
Page 1 of 6

System Requirements Document (SRD)

prism-application

1. Introduction

The prism-application is a web-based platform designed to provide seamless service management and user interaction. The primary goal of this application is to connect users with local service providers, enabling efficient and secure service transactions. This document outlines the system requirements for the prism-application, ensuring scalability, security, and usability for all stakeholders.

Developed for Akyes Ahmed Gawai, this application will cater to the Indian market, incorporating locale-specific defaults such as INR currency, IST timezone, and culturally relevant design elements.

2. System Overview

The prism-application is envisioned as a centralized system that facilitates interactions between three primary user personas: Admin, Service Provider, and User (Customer). The platform will include features such as user registration, service browsing, request management, and role-based access control.

The application will be built using modern technologies to ensure responsiveness, security, and scalability. It will support both web and mobile platforms, leveraging React for frontend development and Python with FastAPI for backend services. MySQL will serve as the relational database, ensuring efficient data handling and integrity.

Page 2 of 6

3. Functional Requirements

User Stories:

  • As a User, I should be able to register and log in securely.
  • As a User, I should be able to browse service categories and search for providers.
  • As a User, I should be able to submit service requests and track their status.
  • As a User, I should be able to view my request history.
  • As a Service Provider, I should be able to register and log in securely.
  • As a Service Provider, I should be able to create and manage my profile, including skills, experience, and availability.
  • As a Service Provider, I should be able to view incoming service requests and accept or reject them.
  • As a Service Provider, I should be able to update job statuses.
  • As an Admin, I should be able to manage users, service providers, service categories, and service requests.
  • As an Admin, I should be able to verify service provider credentials.
  • As an Admin, I should be able to view system statistics and analytics.

4. User Personas

Admin

  • Role: Oversees the platform, manages users and service providers, verifies credentials, and monitors system statistics.
  • Key Features: Dashboard access, user management, service category management, and analytics tools.

Service Provider

  • Role: Offers services to users, manages their profile, and handles incoming service requests.
  • Key Features: Profile creation, request management, and job status updates.
Page 3 of 6

User (Customer)

  • Role: Seeks services, submits requests, and tracks their progress.
  • Key Features: Service browsing, request submission, and history tracking.

5. Visuals Colors and Theme

Color Palette:

  • Background: #F8F9FA (Soft Pearl White)
  • Surface: #E1E5EA (Gentle Mist Gray)
  • Text: #343A40 (Charcoal Black)
  • Accent: #FF6F61 (Coral Red)
  • Muted Tones: #ADB5BD (Muted Steel Gray)

The color palette is designed to evoke professionalism and warmth, ensuring a user-friendly and inviting interface.

6. Signature Design Concept

Page 4 of 6

Concept: Interactive Prism Landing Page

The homepage will feature a 3D interactive prism that rotates and refracts light as users hover over it. Each face of the prism will represent a core feature of the application (e.g., Service Categories, Provider Profiles, Admin Dashboard).

  • Animation: The prism will rotate smoothly with mouse movement, creating dynamic light refractions.
  • Transitions: Hovering over a prism face will expand it into a detailed view of the feature, with subtle zoom and fade effects.
  • Color Shifts: The prism will subtly change colors based on the time of day, transitioning from warm tones in the morning to cooler tones at night.
  • Micro-Interactions: Clicking on a prism face will lead to the respective section, with a ripple effect emanating from the click point.

This design will make the prism-application instantly memorable and visually captivating, setting it apart from conventional service platforms.

7. Non-Functional Requirements

  • Scalability: The system must support up to 100,000 concurrent users.
  • Security: Implement robust authentication, input sanitization, and protection against SQL injection.
  • Performance: Ensure response times of under 2 seconds for all major operations.
  • Accessibility: Comply with WCAG 2.1 standards for accessibility.
  • Localization: Support INR currency and IST timezone.

8. Tech Stack

Frontend

  • React for Web
  • React Native for Mobile
Page 5 of 6

Backend

  • Python
  • FastAPI

Database

  • MySQL (with Alembic for migrations)

AI Models

  • GPT 5.4 for user-friendly responses
  • Claude 4.6 Opas for academic or coding work
  • Gemini 3.1 Pro for friendly interactions
  • Google Nano Banana for image generation

AI Tools

  • Litellm for LLM Routing
  • Langchain

Orchestration

  • Docker and docker-compose for local development
  • Kubernetes for server-side orchestration

9. Assumptions and Constraints

Page 6 of 6

Assumptions

  • Users will have access to stable internet connections.
  • Service providers will provide accurate information during registration.
  • The system will primarily cater to the Indian market.

Constraints

  • The application must be compatible with both web and mobile platforms.
  • All sensitive data must be encrypted.
  • The system must adhere to GDPR and Indian IT Act regulations.

10. Glossary

  • Admin: The user responsible for managing the platform and overseeing operations.
  • Service Provider: A registered user offering services to customers.
  • User (Customer): A registered user seeking services from providers.
  • IST: Indian Standard Time.
  • INR: Indian Rupee.
  • WCAG: Web Content Accessibility Guidelines.
Landing design preview
Landing: View Prism
Login: Sign In
Dashboard: View Statistics
Users: Manage Users
Providers: Verify Credentials
Categories: Manage Services
Users: Edit User
Providers: Approve Provider