Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/akashkobal/travel-tracker
This web application allows users to track the countries they have visited. Users can add country names, and the visited countries will be visualized on a map using Canvas. The app is built using HTML, CSS, JavaScript, EJS for templating, and PostgreSQL for database management.
https://github.com/akashkobal/travel-tracker
akash akash-kobal canvas css ejs html javascript mini-project nodejs postgresql travel-tracker web-application
Last synced: 17 days ago
JSON representation
This web application allows users to track the countries they have visited. Users can add country names, and the visited countries will be visualized on a map using Canvas. The app is built using HTML, CSS, JavaScript, EJS for templating, and PostgreSQL for database management.
- Host: GitHub
- URL: https://github.com/akashkobal/travel-tracker
- Owner: AkashKobal
- License: mit
- Created: 2024-07-09T19:23:52.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-07-25T13:34:42.000Z (5 months ago)
- Last Synced: 2024-07-25T15:34:33.473Z (5 months ago)
- Topics: akash, akash-kobal, canvas, css, ejs, html, javascript, mini-project, nodejs, postgresql, travel-tracker, web-application
- Language: EJS
- Homepage: https://theakash.co.in
- Size: 293 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# Travel Tracker Web App
## Description
This web application allows users to track the countries they have visited. Users can add country names, and the visited countries will be visualized on a map using Canvas. The app is built using HTML, CSS, JavaScript, EJS for templating, and PostgreSQL for database management.
## Table of Contents
1. [Description](#description)
2. [Features](#features)
3. [Prerequisites](#prerequisites)
4. [Setup Instructions](#setup-instructions)
5. [Usage](#usage)
6. [Testing](#testing)
7. [Contributions](#contributions)
8. [License](#license)
9. [Contact Information](#contact-information)
## Features
- **Dynamic Templating**: Uses EJS to create reusable templates and dynamic content.
- **Interactive Frontend**: Implements JavaScript for enhanced user interactions and a responsive UI.
- **Database Integration**: Connects to a PostgreSQL database for storing and retrieving user data.
- **Canvas Visualization**: Utilizes Canvas for graphical representation of visited countries.
- **Express Framework**: Utilizes the Express.js framework for efficient routing and middleware management.
## Prerequisites
- Node.js
- PostgreSQL
- npm (Node Package Manager)
## Setup Instructions
1. **Clone the Repository**:
```sh
git clone https://github.com/AkashKobal/travel-tracker
2. **Install Dependencies**:
```sh
npm install express body-parser pg ejs
3. **Configure Database**:
[Download CSV file](https://github.com/AkashKobal/travel-tracker/blob/main/countries.csv)
Set up your PostgreSQL database and update the connection settings in the .env file.
5. **Run the Application**:
```sh
node index.js
## Usage
+ Development:
```sh
npm run dev
+ Production:
```sh
npm start
## Testing
+ To run tests:
```sh
npm test
## Contributions
Contributions are welcome! Please open an issue or submit a pull request for any improvements or bug fixes.
## License
This project is licensed under the [MIT License](https://github.com/AkashKobal/guess-the-capital/blob/main/LICENSE).
## Contact Information
For further questions or support, please contact [[email protected]] or open an issue on this repository.