Virtual Travel Journal

• 

  Virtual Travel Journal Main page

✈️ About the Project: Virtual Travel Journal

🌟 Inspiration

During travel, we often take photos, jot down notes, or record memories—but these are scattered across devices and apps. I wanted to create a unified digital space where people could capture and organize their travel experiences with just a few clicks. This project was also a great opportunity to practice building a full-stack web application while solving a relatable problem.

🛠️ How I Built It

The project was developed using the Bolt.new platform, which made it easier to prototype the UI and functionality quickly. Here’s how the app is structured:

Frontend: Built with React (JSX) and hooks like useState, useEffect, and useCallback. Features:

Title, date, location, memo input fields Photo upload with preview LocalStorage-based persistence Login/signup modal toggle UI Design: Clean and simple layout with responsive behavior

🧠 What I Learned

How to manage state efficiently using React hooks Handling local storage to persist user data File upload handling in the browser User experience design for input-heavy forms Importance of prototyping tools like Bolt for rapid development

🚧 Challenges Faced

🧪 Persisting data: Initially, reloading the page wiped user entries. Implementing and debugging localStorage** logic took time. 🔧 Previewing image uploads: Ensuring selected files displayed correctly before saving was tricky, especially handling different formats and browser behaviors. 🖼️ UI clarity: Balancing simplicity with functionality required iterations—especially around login/signup visibility and form responsiveness.

✅ Current Status

Core features like journal entry creation, image upload, and saving work well Clean and deployable frontend preview exists via Bolt Future plans include:

Firebase authentication and database integration Cloud storage for images Search and filter features for past entries

Built With

• bolt.new
• next
• node.js
• tailwindcss