An open API service indexing awesome lists of open source software.

https://github.com/mehwishhanif/tripwise

TripWise is an application designed to help users plan, organize, and track their travel itineraries.
https://github.com/mehwishhanif/tripwise

flask postgresql python react redux sqlite3

Last synced: 3 months ago
JSON representation

TripWise is an application designed to help users plan, organize, and track their travel itineraries.

Awesome Lists containing this project

README

          

# TripWise

TripWise is an application designed to help users plan, organize, and track their travel itineraries. It provides a centralized platform to store essential trip details, and access travel information, ensuring a smooth and stress-free travel experience. In the future, it will also provide collaborative features for group trips and personalized recommendations based on travel history.

🔭 [Click here to visit the TripWise website!](https://trip-wise-hvsp.onrender.com/)

## Tech Stack

**Frameworks and libraries:**

JavaScript Python HTML5 CSS3 React Redux Flask SQLAlchemy Docker

**Database:**

PostgreSQL SQLite

**Hosting:**

Render

## TripWise Wiki

For more details on the architecture of TripWise, visit TripWise's wiki pages:

* [Database Schema](https://github.com/MehwishHanif/TripWise/wiki/DB-Schema)
* [Features List](https://github.com/MehwishHanif/TripWise/wiki/MVP's-Feature-List)
* [Wireframe](https://github.com/MehwishHanif/TripWise/wiki/Wireframes)
* [User Stories](https://github.com/MehwishHanif/TripWise/wiki/User-Stories)

## TripWise UI

### Welcome Page

* **Overview:** Displays a welcome message and prompts users to log in or sign up.
* **User-Friendly Interface:** Clean and intuitive design ensures a seamless user experience.

![Welcome Page](https://github.com/user-attachments/assets/cb9afdcf-aee9-48cd-8efc-26c7fa5b0d24)

### Upcoming Trips

* **Trip Management:** The landing page provides a quick overview of upcoming trips. Users can view and manage their upcoming trips, including dates, destinations, and key details.
* **At-a-Glance Information:** Quick access to essential information about each trip.

![Upcoming Trips](https://github.com/user-attachments/assets/94a739d2-c90b-44f4-a1f7-9f510293dc52)

### Past Trips

* **Trip History:** Users can review and reminisce about their past adventures.
* **Record Keeping:** Keeps a history of travel experiences for future reference.

![Past Trips](https://github.com/user-attachments/assets/a8173780-fb5a-4910-9237-13b5a207a66b)

### Trip Details

* **Comprehensive Trip Information:** Detailed view of each trip, including itinerary.
* **Centralized Information:** All trip-related details in one convenient place.

![Trip Details](https://github.com/user-attachments/assets/a4ffc874-17c1-44ae-97a7-4b851c702cab)

### Trip Activities List

* **Activity Planning:** Users can plan and manage their trip activities, ensuring a well-organized itinerary.
* **Detailed Activity Management:** Tracks specific activities, times, and locations.

![Trip Activities List](https://github.com/user-attachments/assets/ab78fa19-3eed-4a3f-96a9-ea34b57035c9)

## Installation

If you want to run TripWise locally, follow these steps:

## Getting started

1. Clone this repository (only this branch).

2. Install dependencies.

```bash
pipenv install -r requirements.txt
```

3. Create a __.env__ file based on the example with proper settings for your
development environment.

4. Make sure the SQLite3 database connection URL is in the __.env__ file.

5. This starter organizes all tables inside the `flask_schema` schema, defined
by the `SCHEMA` environment variable. Replace the value for
`SCHEMA` with a unique name, **making sure you use the snake_case
convention.**

6. Get into your pipenv, migrate your database, seed your database, and run your
Flask app:

```bash
pipenv shell
```

```bash
flask db upgrade
```

```bash
flask seed all
```

```bash
flask run
```

7. To run the React frontend in development, `cd` into the __react-vite__
directory and run `npm i` to install dependencies. Next, run `npm run build`
to create the `dist` folder. The starter has modified the `npm run build`
command to include the `--watch` flag. This flag will rebuild the __dist__
folder whenever you change your code, keeping the production version up to
date.