Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/nevinmathew/my-travel-journal
https://github.com/nevinmathew/my-travel-journal
css fortawesome react vite webpack
Last synced: 8 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/nevinmathew/my-travel-journal
- Owner: nevinmathew
- License: unlicense
- Created: 2023-11-02T09:18:03.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2023-12-16T12:59:48.000Z (about 1 year ago)
- Last Synced: 2024-11-07T10:20:36.965Z (about 2 months ago)
- Topics: css, fortawesome, react, vite, webpack
- Language: JavaScript
- Homepage:
- Size: 43 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 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](#features)
- [Getting Started](#getting-started)
- [Usage](#usage)
- [License](#license)
## 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](https://vitejs.dev/), 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:**
```bash
npm install -g create-vite
```
------
1. **Create a new Vite-based React app:**
```bash
create-vite my-travel-journal --template react
```
2. **Navigate to the project directory:**
```bash
cd my-travel-journal
```
3. **Install the required dependencies:**
```bash
npm install
```
4. **Start the development server:**
```bash
npm run dev
```
5. **Open your web browser and go to [http://localhost:3000](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](./LICENSE) file for details.