https://github.com/pmdimitrova/public_transport-leaflet-typescript

React app for Sofia's public transport system, which uses Leaflet, TypeScript & Redux
https://github.com/pmdimitrova/public_transport-leaflet-typescript

leaflet radix-ui react redux styled-components typescript work-in-progress

Last synced: 1 day ago
JSON representation

React app for Sofia's public transport system, which uses Leaflet, TypeScript & Redux

• Host: GitHub
• URL: https://github.com/pmdimitrova/public_transport-leaflet-typescript
• Owner: PMDimitrova
• Created: 2024-01-27T14:09:36.000Z (10 months ago)
• Default Branch: master
• Last Pushed: 2024-02-13T20:11:02.000Z (9 months ago)
• Last Synced: 2024-04-14T10:16:18.292Z (7 months ago)
• Topics: leaflet, radix-ui, react, redux, styled-components, typescript, work-in-progress
• Language: TypeScript
• Homepage:
• Size: 777 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Sofia's Public Transport | NB: Project is WIP

The aim of this project is to show some lines of Sofia's public ground transport using [Leaflet](https://www.npmjs.com/package/leaflet) library.

## Tasks

The main view of the app should consist of:

- a list of all lines, whose data is available

- a map with those lines topologies (stops and segments)

Additionally, there should be a **filter** based on the line’s transport type (bus/tram/trolleybus) which hides (both in the list and the map) all deselected transport types.

When clicking on a line either from the list or on the map, a new page for the selected line should open, consisting of 2 sections:

- Map: the line’s routes should be displayed on a map

- Table: the stops of each route should be displayed in a table

There must be **menu** allowing the **navigation** between the views.

There must be a **drop-down** (or similar) allowing the switch between the routes.

**API calls** will be _mocked_ (data would be in json file).

## Dependencies

I will be using React with TypeScript, [Leaflet](https://www.npmjs.com/package/leaflet), [Redux](https://www.npmjs.com/package/redux) and more.

## Available Scripts

Install all npm dependencies using:

### `npm install`

In the project directory, you can run:

### `npm start`

Runs the app in the development mode.

Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

The page will reload if you make edits.

You will also see any lint errors in the console.