DEV Community

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

Posted on

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

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