The Umrah Backpacker Planner is a retro-styled, interactive web application designed to help Indonesian Muslims plan their Umrah journey with a backpacker's approach. This tool guides users through the essential steps of preparing for Umrah, from document preparation to on-site navigation in Mecca and Medina.
- Interactive step-by-step guide
- Document checklist
- Travel planning assistance
- Packing list
- Location-based guidance for Mecca and Medina
- Transportation tips
- Retro-inspired UI design
- React.js
- Tailwind CSS
- Lucide React Icons
-
Clone the repository:
git clone https://github.com/fauzanlbs/umrah-backpacker-planner.git cd umrah-backpacker-planner -
Install dependencies:
npm install -
Start the development server:
npm start -
Open http://localhost:3000 to view it in the browser.
Navigate through the planner using the step buttons at the top of the interface. Each step provides relevant information and interactive elements:
- Dokumen: Check off required documents and view visa information.
- Perjalanan: Plan your travel and accommodation.
- Packing: Use the interactive packing list and view essential items.
- Panduan: Get location-based guidance for key sites and transportation tips.
Contributions are welcome! Please feel free to submit a Pull Request.
This project is open source and available under the MIT License.
Fauzan - [email protected]
Project Link: https://github.com/fauzanlbs/umrah-backpacker-planner