📌 Pack Ahead: Full-Stack Travel Planning Application

Pack Ahead is a full-stack travel planning application that helps users organize their trips effortlessly. Whether you're planning a solo adventure or a family vacation, Pack Ahead offers tools to manage itineraries, track expenses, create packing lists, check the weather, and more—all in one place!

🎉 Live Demo
Try Pack Ahead live here 👉 Pack Ahead
Video demo here 👉**Pack Ahead Video**

Pack Ahead is deployed on Vercel. Log in to test itinerary management, budget tracking, and more!

🚀 Features

🗓️ Itinerary Planner

Add and manage detailed trip itineraries.

📌 Destination Generator

Get travel inspiration with randomly suggested destinations.

🧳 Packing List

Ensure you never forget essentials for your trip.

💰 Budget Tracker

Keep track of expenses and manage your travel budget.

🌦️ Weather Integration

Check real-time weather updates for your destination.

✈️ Flight Lookup

Search and track flights to plan your journey.

📝 Travel Journal

Document and reflect on your travel experiences.

⏳ Countdown Timer

Track the days left until your next trip!

🛠 Tech Stack

Frontend

• 
• 
• 
• 
• 

Backend

• 
• 
• 
• 

Authentication

• 

Database Management

• 
• 

Database Schema

Below is the database schema, designed to store itinerary details, user preferences, and more.

---

📂 Project Structure

vite-project/
│── src/
│ ├── assets/
│ ├── separate components by features/
│ ├── store/ # Redux slices and API calls
│ ├── pages/ # Main pages (Home, Login, Profile, etc.)
│ ├── App.jsx # Main application component
│ ├── main.jsx # React entry point
│ ├── index.css # Global styles
│── public/ # Static assets
│── package.json # Dependencies
│── README.md # Project documentation
│── vite.config.js # Vite configuration

🏗️ Installation & Setup

• Clone the repository

  git clone https://github.com/lisaaxrisaa/biat_frontend.git

• Navigate into the project directory

  cd biat_frontend

  • Navigate into the vite-project subdirectory

  cd vite-project

• Install dependencies

  npm install

• Running the Project

  npm run dev

🔑 Backend & API Setup

✅ No backend setup required!
The backend is already deployed on Render.com, and all API endpoints are configured in the frontend. You do not need to generate API keys or set up a local backend.

🌍 API Base URL

• All API requests are automatically routed to:

https://pack-ahead.onrender.com

⚠️ _ Note: If you encounter any API issues, please check that the frontend is correctly pointing to the deployed backend URL instead of localhost._

🔎 Want to check out the backend?

The backend source code is available on GitHub: 👉 Pack Ahead Backend Repository

🤝 Contributing

Contributions make the open-source community an incredible place to learn, inspire, and create. Any contributions you make are greatly appreciated!

If you have a suggestion to improve this project, feel free to fork the repo and submit a pull request. You can also open an issue with the tag "enhancement". Don't forget to star the project if you find it useful! ⭐

• Fork the repository

  git clone https://github.com/lisaaxrisaa/biat_frontend.git

• Create a new feature branch

  git checkout -b feature/AmazingFeature

• Make your changes and commit

  git commit -m "Add some AmazingFeature"

• Push the changes

  git push origin feature/AmazingFeature

📬 Contact

If you have any questions, suggestions, or feedback, feel free to reach out!

Lisa Fujita
LinkedIn | 📧 lisafujita90@gmail.com

Nicole Riera
LinkedIn | 📧 Nrperez135@gmail.com

Jonah Wilson
LinkedIn | 📧 jdbw13@hotmail.com

📜 License

This project is open-source and available under the MIT License.
📖 See the full license details in the LICENSE file.