Travel Journal

Documenting our Quest to Visit Every NBA & WNBA Arena + food, hotels reviews.

Screenshot 2024-10-04 at 4.19.14 PM
Technology Stack

The core technologies used to build this project.

Next.js iconNext.jsTailwind iconTailwindLottie Files

The Challenge

What problem was I trying to solve?

I'm all about sharing my adventures on Instagram, but I want to create something more personal and tangible. How can I use a travel journal to capture my unique experiences in a way that's visually appealing and easy to share, without feeling like I'm just copying everyone else's aesthetic?

The solution to this issue is to create a Travel Journal to show:

  • Interesting restaurants and food reviews,

  • Unique hotels and interesting locations.

  • Track our quest to visit every NBA WNBA arenas in the US and Canada

  • Rate Travel Essentials

The Solution

My approach to solving the problem.

UI/UX considerations:

  • Keep it clean and user-friendly.

  • Intuitive navigation, clear calls to action, and mobile responsiveness are essential.

  • Visuals matter.

  • Use high-quality images and a consistent brand aesthetic.

  • Accessibility is key.

  • Make sure your site is usable by people with disabilities.


Security GDPR and other regulations:

  • Making sure that the website is OWASP compliant.

  • Secure Content Management System (CMS).

  • Understand and comply with relevant data privacy regulations, like GDPR, to protect user data and avoid legal issues.


Website performance:

  • Ensuring that the loading times are fast and snappy.

  • SEO: Search engines (like Google) care about performance. Faster websites rank higher in search results, meaning more people will find you.

  • Aim for a page load time of under 3 seconds.

  • Caching stores website data so it can be loaded faster on repeat visits.

  • Mobile Optimization: Ensure your website is responsive and performs well on all devices.

  • Does this website require Progressive Web Applications features?

  • Avoid unnecessary plugins and scripts that can bog down your site.

The Result

The impact and outcomes of the project.

What technology was used:

  • Frontend: NextJS, CSS, HTML, JavaScript

  • CD/CI: Vercel

  • Backend or CMS: Sanity.io


Website performance:

Website Speed Test

Lighthouse performance scoring
Lighthouse performance scoring