https://github.com/chingu-voyages/v41-geckos-team-09

Travel-2-it: Accessible Travel Planning App | Voyage-41 | https://chingu.io/ | Twitter: https://twitter.com/ChinguCollabs
https://github.com/chingu-voyages/v41-geckos-team-09

accessible planner planning travel

Last synced: 28 days ago
JSON representation

Travel-2-it: Accessible Travel Planning App | Voyage-41 | https://chingu.io/ | Twitter: https://twitter.com/ChinguCollabs

• Host: GitHub
• URL: https://github.com/chingu-voyages/v41-geckos-team-09
• Owner: chingu-voyages
• Created: 2022-10-02T00:35:18.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2023-04-17T21:03:33.000Z (over 2 years ago)
• Last Synced: 2025-03-24T13:44:43.079Z (9 months ago)
• Topics: accessible, planner, planning, travel
• Language: JavaScript
• Homepage:
• Size: 2.2 MB
• Stars: 3
• Watchers: 6
• Forks: 2
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Travel 2 It

## Deployed Link

[Live Demo](https://cosmic-gnome-4fc624.netlify.app/)

## Description

Travel 2 It is a React.js travel planning app based on using editable stacks and cards as your travel agenda. This project was build as a team project for Chingu Voyage 41.

## Table of Contents

- [Installation](#Installation)  

- [Usage](#Usage)

- [How To Run](#how-to-run)

- [License](#License)

- [Contributing](#Contributing)

- [Questions](#Questions)

## Installation

- [Vite](https://vitejs.dev/)

- [Yarn](https://www.npmjs.com/package/yarn)

- [react-beautiful-dnd](https://www.npmjs.com/package/react-beautiful-dnd)

- [@chakra-ui-react](https://yarnpkg.com/package/@chakra-ui/react)

- [react-share](https://yarnpkg.com/package/react-share)

NOTE: See `package.json` for full list of app dependencies.

## Usage

The landing page will give users brief summary of Travel 2 It along with instructions for its use. Users will then click on 'Board View' to start editing their trip plans.

![Step-1](./imgs/step-1.png)

Users can add or remove cards and stacks. Both cards and stacks have the ability to drag and drop so they can be rearranged in any order the user desires. The user can share plans via email, Facebook or WhatsApp.

![Step-2](./imgs/step-2.png)

Travel 2 It allows users to toggle between light and dark mode. (dark mode pictured below)

![Dark mode - home](./imgs/home-dark.png)

![Dark mode - board](./imgs/board-dark.png)

## How to run

### Locally

1. Clone this project.

2. `cd` into the project directory.

3. Run `yarn`.

4. Run `yarn dev`.

5. Navigate to `http://127.0.0.1:5173/` in your web browser.

## License

TBD

## Contributing

[Isabel Klint](https://github.com/isabelklint)

[Ian Korpi](https://github.com/iankorpi)

[Sara Baqla](https://github.com/missatrox44)