About

Description

It is a simple webapp, SIMPLE must be the key! It have to help fast to plan a trip. Insert the name of the journey, some general informations (from and to dates, what vehicle use etc...).

Second step is to choose stops with the help of Google maps API. It generate in automatic a list of the routes with distance and duration, to check it rapid.

A useful dashboard resume all this things and get a simple autogenerate ToDo-list:

buy plane ticket rent a car reserve an hotel or bnb every stops etc... Every stop come with others helpfull informations (if you have done yet reservations, if you have complete yet!)

You can also write a log! for your thoughts during the travel.

Partecipants

Me! Twitter Github

Preview

Set up Project

Backend with Appwrite

1. Install Appwrite by following the installation guide.

2. Open the Appwrite console and create a new project called journey.

3. Navigate to Databases and add a new Database called journey-log-db and add a Collection called journey.

4. Add the following attributes and all permission on user:

5. Add a new Collection called stop.

6. Add the following attributes and all permission on user:

7. Add a new Collection called route.

8. Add the following attributes and all permission on user:

9. Add a new Collection called todo.

10. Add the following attributes and all permission on user:

11. Add a new Collection called vehicle.

12. Add the following attributes and all permission on user:

Running the development frontend server.

1. Clone the repo to your PC

2. Change your Appwrite API in /src/utility/appwriteClient.ts 2.1 There is API references in all the project, asseure that you change all of it 2.2 Change Google Maps API key in public/index.html and in src/components/map/map.tsx

3. run npm install to install the libraries

4. Start server:

    npm run dev

Building for production.

    npm run build

Running the production server.

    npm run start

Learn More

To learn more about refine, please check out the Documentation

• Appwrite Data Provider Docs
• Ant Design Docs
• Antd Light/Dark Mode Docs
• React Router Docs

License

MIT