The Spark of Inspiration
The idea for Jaipur SafeTrip wasn't born in a sterile office but from a place of genuine love and frustration. Jaipur is my home, a city bursting with stories, colors, and flavors that I've cherished my whole life. I've watched countless friends and relatives plan their trips here, armed with dozens of open browser tabs, conflicting blog posts, and generic travel packages that barely scratched the surface of what the city truly offers.
I saw their excitement slowly turn into overwhelm. They’d ask me, "Where do the locals really eat?", "Is this fort worth the climb?", "How do I plan a trip that fits my budget and isn't just a carbon copy of everyone else's?" The problem was clear: the information was scattered, impersonal, and often untrustworthy. I wanted to build something that felt like getting advice from a local friend—a friend who also happens to be a tech-savvy super-planner. I envisioned a tool that could listen to your needs and craft a journey that was uniquely yours, all while keeping you safe and informed.
How It Was Built
With a clear vision, I dove into building the project. The foundation is built on HTML, CSS, and JavaScript—the classic trio. I wanted a modern, single-page application that felt smooth and responsive, so users could access it easily on their phones while exploring the city.
- The Look and Feel: I spent a lot of time on the design, using CSS gradients and high-quality images to capture the vibrant aesthetic of Jaipur. Each section has its own color theme to feel like a distinct "chapter" of the guide.
- The "AI" Magic: The core features, the AI Trip Planner and the AI Chat Assistant ("Jaipur Dost"), are powered by carefully crafted prompts and logic within JavaScript. While this version simulates the AI responses to demonstrate the functionality, I designed it with the future goal of plugging in a real generative AI API. The challenge was to make the simulated responses feel intelligent and genuinely helpful, covering the most common questions a tourist would have.
- Interactivity: I wanted the page to feel alive. I used JavaScript to create the smooth scrolling, the animated counters, the interactive image modals, and the "scroll to top" button. These small details were crucial for making the user experience seamless and enjoyable.
Challenges I Faced
This was far from a straightforward process. One of the biggest challenges was scope management. My initial ideas were huge, and I had to focus on building the core features first without getting lost in endless possibilities.
Another hurdle was the AI Itinerary Logic. Creating a system that could generate a coherent and logical travel plan based on multiple user inputs (budget, duration, interests) was a complex puzzle. It required careful planning to ensure the generated itinerary was practical and not just a random list of places.
Finally, ensuring the site was fully responsive was a challenge in itself. Making the complex grids for the image galleries and interest cards look just as good on a small mobile screen as on a large desktop monitor took a lot of tweaking with CSS media queries.
What I Learned
Building Jaipur SafeTrip was an incredible learning experience. On a technical level, I deepened my understanding of advanced CSS, including Flexbox, Grid, and animations. I also sharpened my JavaScript skills, particularly in DOM manipulation and creating a more complex, stateful single-page application.
More importantly, this project taught me a lot about user-centric design. Every feature was built with the end-user in mind—how to make their planning process easier, more enjoyable, and more personal. It reinforced the idea that technology is at its best when it solves real-human problems. I started with a simple goal—to help people experience my city in a better way—and ended up creating a project that I'm incredibly proud of.
What it does
Jaipur SafeTrip is an AI-powered travel companion designed to solve a real and personal problem: helping foreign tourists experience the true magic of Jaipur without the fear of scams, language barriers, or missing out on authentic history. At its heart, it's an intelligent itinerary generator. A user simply selects their interests and trip duration, and our AI crafts a personalized, day-by-day tour plan.
The "magic" feature is the "Safety & Insider Notes" automatically included with each activity. These notes provide crucial information like fair prices for auto-rickshaws, common scams to avoid at specific locations, and even useful phrases in Hindi to help tourists navigate conversations. It also includes "Jaipur Dost," an AI chat assistant for real-time questions, ensuring every traveler has a friendly, knowledgeable local in their pocket.
How we built it
We built Jaipur SafeTrip using a modern, "no-code" and AI-assisted approach, proving that a powerful idea doesn't require months of coding experience.
The Frontend: The user-facing website was built using Carrd.co. We chose it for its simplicity and speed, which allowed us to create a beautiful, responsive landing page from our paper prototype in just a matter of hours.
The "Brain" (Backend Logic): The entire workflow is powered by Make.com. When a user clicks "Generate Itinerary," Carrd sends a webhook to Make.com, which then takes the user's preferences, inserts them into our master prompt, and communicates with the AI.
The AI Engine: The core intelligence comes from Google's Generative AI (Gemini) API. We engineered a detailed "Golden Prompt" that acts as the brain of an expert Jaipur tour guide, instructing the AI to not only create a plan but to enrich it with our critical safety notes.
Design and Content: Even our creative process was AI-assisted. We used Microsoft Designer to generate initial design mockups and ChatGPT to help us refine the descriptive text on our webpage.
Challenges we ran into
Our biggest challenge was "teaching" the AI to be a responsible and helpful tour guide. Our first few attempts at generating itineraries were too generic. The AI would create a good plan, but it lacked the crucial safety and insider tips that make our project unique.
This led to a deep dive into Prompt Engineering. We spent a significant amount of time refining our "Golden Prompt," adding specific rules, defining a clear output structure, and providing examples to guide the AI. We learned that the quality of the AI's output is directly proportional to the quality and detail of the instructions you give it. Getting the AI to consistently provide fair prices and useful Hindi phrases for each location was a difficult but incredibly rewarding challenge to overcome.
Accomplishments that we're proud of
As a solo participant with a passion for our city but limited coding experience, our greatest accomplishment is building a fully functional, end-to-end AI application that solves a real-world problem. We are incredibly proud of successfully integrating three different platforms (Carrd, Make.com, and the Gemini API) to create a seamless user experience.
Most of all, we're proud of turning a simple paper sketch into a live, working product in such a short amount of time. It proves that with the right tools and a clear vision, anyone can build something meaningful and impactful.
What we learned
This hackathon has been a profound learning experience. The biggest lesson was discovering the incredible power of no-code tools to democratize technology. We learned that you no longer need to be an expert programmer to build a sophisticated application.
We also learned that the art of building with AI is less about writing code and more about clear communication. Crafting the perfect prompt—being specific, setting rules, and guiding the AI's creativity—is a new and essential skill. Finally, we learned the entire product development lifecycle, from a simple idea on paper, to prototyping, building, and preparing for launch.
What's next for Jaipur SafeTrip
This is just the beginning for Jaipur SafeTrip! We have a clear vision for the future:
- Real-Time Booking Integration: We plan to partner with local heritage hotels, trusted tour guides, and restaurants to allow users to book their experiences directly from their generated itinerary.
- Multi-Language Support: To cater to a wider range of tourists, we will enhance the AI to generate itineraries and provide chat support in multiple languages like Spanish, French, and German.
- Expand to Other Cities: The framework we built is scalable. We aim to launch "Jodhpur SafeTrip," "Udaipur SafeTrip," and eventually "India SafeTrip," bringing safe and authentic travel to tourists across the country.
Built With
- ai
- ai-assisted
- allowing-for-rapid-development-from-idea-to-a-functional-product.-design:-the-initial-prototype-and-visual-blueprint-were-designed-in-figma.-frontend-&-hosting:-the-user-facing-website-was-built-and-is-hosted-on-carrd.co
- and-chatgpt-for-refining-the-website's-text-content.-core-technologies:-the-final-output-is-a-self-contained-website-built-with-foundational-web-technologies:-html5
- and-primarily-no-code-technology-stack
- api
- assistant)
- carrd.co
- chatgpt
- chosen-for-its-simplicity-and-speed-in-creating-single-page-applications.-backend-logic-&-automation:-the-entire-workflow-is-orchestrated-by-make.com
- claude
- coding
- css3
- cursor
- figma
- gemini
- handling-all-the-logic-without-needing-a-traditional-server.-artificial-intelligence:-the-core-intelligence-comes-from-the-google-gemini-api
- html5
- javascript
- make.com
- react-native
- which-acts-as-the-central-"brain."-it-connects-our-frontend-to-the-ai-api
- which-generates-the-safe-and-personalized-itineraries.-we-also-heavily-relied-on-claude/cursor-as-our-ai-coding-assistant-to-generate-the-complete-html-file-from-our-master-prompt
