Building Technology with Islamic Values
HidayaLab is a digital Islamic technology company dedicated to creating software solutions that serve the Muslim community while upholding the highest standards of faith and innovation. Our website showcases our ongoing projects and mission to combine modern technology with timeless Islamic principles.
Visit us at: hidayalab.github.io
- HidayaDesk - Productivity suite with Islamic bookmarks, prayer reminders, and Quran widgets (Live)
- Amana Fund - Islamic organization providing Qard Hasan (interest-free loans) to community members (Live)
- Masjid Management System - Comprehensive digital solution for mosque administration (Pending)
- Quran Memorization App - Interactive app to help Muslims memorize the Holy Quran (Pending)
- Frontend: React 18 + Vite
- Styling: Tailwind CSS v4
- Icons: Lucide React
- Deployment: GitHub Pages
- Build Tool: Vite
Our website reflects our Islamic values through:
- Clean, minimal design with geometric patterns
- Elegant black and white color palette with sophisticated gradients
- Light and dark theme support with smooth transitions
- Arabic typography using Amiri font
- Respectful integration of Quranic verses and Islamic phrases
- Adaptive logo that works in both light and dark themes
# Clone the repository
git clone https://github.com/hidayalab/hidayalab.github.io.git
# Navigate to project directory
cd hidayalab.github.io
# Install dependencies
npm install
# Start development server
npm run dev
# Build for production
npm run build
# Preview production build
npm run preview├── public/ # Static assets
│ ├── logo.png # HidayaLab logo
│ └── favicon files
├── src/
│ ├── components/ # React components
│ │ ├── Header.jsx
│ │ ├── Hero.jsx
│ │ ├── About.jsx
│ │ ├── Projects.jsx
│ │ ├── Contact.jsx
│ │ └── Footer.jsx
│ ├── index.css # Tailwind CSS + custom styles
│ ├── App.jsx # Main app component
│ └── main.jsx # Entry point
├── index.html # HTML template with meta tags
├── tailwind.config.js # Tailwind configuration
└── vite.config.js # Vite configuration
We welcome contributions from developers, designers, and community members who share our vision of building ethical technology.
- Follow Islamic principles in all development
- Use clean, documented, and modular code
- Maintain accessibility standards
- Test thoroughly before submitting
- GitHub: @hidayalab
- Website: hidayalab.github.io
Mission: To bridge the gap between modern digital solutions and Islamic values, creating tools that empower individuals and strengthen communities.
Values:
- Faith-first development guided by Islamic principles
- Trust & privacy with highest ethical standards
- Innovation & excellence in all our work
"وَأَنْ لَيْسَ لِلْإِنْسَانِ إِلَّا مَا سَعَىٰ"
"And that there is nothing for man except what he strives for" - Quran 53:39
Built with ❤️ for the Ummah