DEV Community

Cover image for Plan Your Dream Trip with Wanderkit.net: A Behind-the-Scenes Look
Levi Schouten
Levi Schouten

Posted on

3

Plan Your Dream Trip with Wanderkit.net: A Behind-the-Scenes Look

Hey there! I'm excited to share my latest project, wanderkit.net, where you can create personalised travel itineraries using AI. Whether you're a seasoned explorer or a newbie to travel planning, Wanderkit is here to make your trip unforgettable.

The Magic Behind Wanderkit: The Technologies I Used

Now, let me show you the tools that made Wanderkit possible:

Next.js: Powering a Smooth Experience
Wanderkit runs on Next.js, a cool framework that ensures everything works smoothly and lets us build things quickly. With Vercel hosting, we could easily put it all together and launch the site without any trouble. I experimented with using Next.js 13 with the app directory and will be writing a separate blog on my findings.

MongoDB: Our Trusty Database Partner
Storing data is essential, and that's where MongoDB comes in. It's easy to set up and lets us make changes without having to deal with any database migrations. So I can focus on developing.

OpenAI: The Magic of Personalised Recommendations
OpenAI is used for generating the actual itineraries. It was the most developed, well documented and stable option.

Stripe: Safe and Easy Payments
Making payments should be worry-free, and Stripe is the go-to for secure transactions. It's a well-known payment system that keeps your financial info safe and makes paying for your trip a breeze. I will be writing a separate blog on integrating Stripe with Next.js.

Mailersend: Staying Connected
Communication is key, and Mailersend helps us stay in touch with you. Sending emails and updates is simple, thanks to this handy tool. It came with a generous free tier and an easy setup.

Tailwind CSS: Making Things Look Awesome
For a stylish look, we used Tailwind CSS. It helps us create a beautiful design with ease. I have absolutely fallen in love with the utility approach of Tailwind CSS. I like having my CSS close to my HTML, allowing me to see how everything is styled in one go. It's fast, no CSS-in-JS overhead. Easy setup. And it comes with an amazing build in design system, especially the colours.

Start Your Adventure with wanderkit.net

Now that you know the magic behind Wanderkit, come and check it out at Wanderkit. Your dream itinerary is just a few clicks away! As we keep improving the site, we'd love to hear your feedback and ideas for new features.

If you're curious about the nitty-gritty, take a peek at our project's code on GitHub (https://github.com/levischouten/wanderkit-net). We're excited to have you join us on this amazing journey of travel and technology.

Get ready to plan the trip of a lifetime with wanderkit.net. Happy travels, adventurers! 🌍✈️

My personal website: www.levischouten.net

Heroku

This site is built on Heroku

Join the ranks of developers at Salesforce, Airbase, DEV, and more who deploy their mission critical applications on Heroku. Sign up today and launch your first app!

Get Started

Top comments (1)

Collapse
 
hyeo151 profile image
Shawn(Heongi) Yeo

Wow Love your project

Looked at Seoul trip and gave me good overview of plans. liked !!
Image description

Qodo Takeover

Introducing Qodo Gen 1.0: Transform Your Workflow with Agentic AI

Rather than just generating snippets, our agents understand your entire project context, can make decisions, use tools, and carry out tasks autonomously.

Read full post

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay