https://github.com/antoniosilvavaz/track

Track is a cutting-edge application that empowers users to visualize and collaborate on various projects using interconnected nodes
https://github.com/antoniosilvavaz/track

express mongodb mongoose react reactflow typescript

Last synced: about 2 months ago
JSON representation

Track is a cutting-edge application that empowers users to visualize and collaborate on various projects using interconnected nodes

• Host: GitHub
• URL: https://github.com/antoniosilvavaz/track
• Owner: AntonioSilvaVaz
• Created: 2023-06-07T17:47:55.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2023-07-13T08:08:02.000Z (almost 3 years ago)
• Last Synced: 2025-03-06T19:45:55.900Z (about 1 year ago)
• Topics: express, mongodb, mongoose, react, reactflow, typescript
• Language: TypeScript
• Homepage:
• Size: 7.05 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          

# Track

Track is a cutting-edge application that empowers users to visualize and collaborate on various projects using interconnected nodes. With Track, users can effortlessly create nodes, establish connections, and manipulate them to bring their ideas to life. The platform supports features such as image integration, customizable node properties, and seamless user account management, with data  stored in a MongoDB database.

## Screenshots

![gif example 1](https://github.com/AntonioSilvaVaz/track/blob/main/resources/dogo_ex.png)

![gif example](https://github.com/AntonioSilvaVaz/track/blob/main/resources/trac_ex.gif)

![video example](https://github.com/AntonioSilvaVaz/track/blob/main/resources/track_ex.mp4)

## Get Started

### app/client

- ```npm i``` to install the required node modules

- ```npm start``` to run the client side app

Env variables

`REACT_APP_BASE_URL -> ex: http://localhost:3001`

### app/server

- ```npm i``` to install the required node modules

- ```npm start``` to run the server

- ```npm run fill``` to fill the database with mock data

- ```npm run clear``` to clear the database

- ```npm run get``` to get all of the information inside the database

Env variables

`FRONT_END_PORT -> ex: 3000` `PORT -> ex: 3001`

`DB_NAME -> ex: track`

## Features

- Node Creation and Connection

- Interactive Visualization

- Dynamic manipulation

- Image Integration

- Customizable Node Properties

- User Register/Login

- Data Persistence

- Intuitive Interface

- MongoDB Integration

## Stack

**Front-end:** Typescript, React, React Flow Jest, DownloadJS, html-to-image,

**Back-end:** Express, mongoose

**Database:** MongoDB

## Author

- [@Antonio](https://github.com/AntonioSilvaVaz)