Skip to content

nevinmathew/My-Travel-Journal

Repository files navigation

My-Travel-Journal

This is a simple React web application that allows you to create and view travel entries for your various trips and adventures. You can show details about the places you've visited, including the title, location, dates, description, and a link to view the location on Google Maps. This app is designed to help you share your travel experiences with others.

Table of Contents

Features

  • The travel entries contain the following details:
    • Title
    • Location
    • Google Maps URL
    • Start Date
    • End Date
    • Description
  • View your travel entries in a visually appealing card format.
  • Click on the Google Maps link to view the location on Google Maps.
  • Each travel entry is displayed as a card with an image, location, dates, and description.

Getting Started

  1. To create a new React app, you can use Vite, a build tool that provides fast and efficient development. First, make sure you have Node.js installed on your system.

  2. Install Vite globally if you haven't already:

npm install -g create-vite

  1. Create a new Vite-based React app:
create-vite my-travel-journal --template react
  1. Navigate to the project directory:
cd my-travel-journal
  1. Install the required dependencies:
npm install
  1. Start the development server:
npm run dev
  1. Open your web browser and go to http://localhost:3000 to view the app.

Usage

The journal contains the details for your travel, including the title, location, Google Maps URL, start date, end date, and description. To view the location on Google Maps, click the "View on Google Maps" link on the card.

License

This project is under Unlicense license. See the License file for details.

Releases

No releases published

Packages

No packages published