Eco Travel Planner

• 

  First page

🌱 Inspiration

As a solo developer passionate about sustainability and technology, I was inspired to create Eco Travel Planner to help travelers make safer, eco-conscious decisions. With climate change affecting travel conditions more than ever, I wanted to build a tool that promotes awareness of both real-time weather and environmental impact.

🌦️ What It Does

Eco Travel Planner is a responsive web application that allows users to:

Search any city and view current weather conditions

Get UV index and sun protection tips

Receive alerts for extreme weather

Get sustainable travel suggestions to reduce environmental impact

🛠️ How I Built It

Frontend Framework: Next.js

Styling: Tailwind CSS

API Integration: OpenWeatherMap API for real-time weather and UV data

Hosting: Netlify

Version Control: GitHub

🧩 Challenges I Ran Into

Integrating and managing asynchronous API responses

Designing a clean and accessible interface alone

Handling weather data and UV index in a meaningful way

Optimizing Next.js deployment on Netlify without backend support

🏆 Accomplishments I’m Proud Of

Building and deploying a full project independently

Integrating live weather + UV index with real user value

Learning to manage a full development cycle solo — from design to deployment

📚 What I Learned

How to build with Next.js and deploy on Netlify

API data handling and error states

Clean UI development with Tailwind CSS

Importance of UX in eco-awareness tools

🚀 What’s Next for Eco Travel Planner

Add maps and geolocation features

Introduce carbon footprint estimation

Build a Progressive Web App (PWA) version

Expand to offer travel guides based on weather and eco scores

Built With

• javascript
• netlify
• nextjs
• tailwind
• weatherapi