Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/technologiestiftung/tech-map
Our version of a Tech-Radar
https://github.com/technologiestiftung/tech-map
Last synced: 30 days ago
JSON representation
Our version of a Tech-Radar
- Host: GitHub
- URL: https://github.com/technologiestiftung/tech-map
- Owner: technologiestiftung
- License: mit
- Created: 2023-01-10T15:19:21.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-10-29T01:21:06.000Z (about 2 months ago)
- Last Synced: 2024-10-29T02:23:27.929Z (about 2 months ago)
- Language: TypeScript
- Size: 984 KB
- Stars: 2
- Watchers: 6
- Forks: 1
- Open Issues: 11
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Codeowners: .github/CODEOWNERS
Awesome Lists containing this project
README
![](https://img.shields.io/badge/Built%20with%20%E2%9D%A4%EF%B8%8F-at%20Technologiestiftung%20Berlin-blue)
[![All Contributors](https://img.shields.io/badge/all_contributors-5-orange.svg?style=flat-square)](#contributors-)
# TSB Tech-map
This is an open source React application that displays the technologies, tools, and hardware used by different teams of Technologiestifung Berlin in the form of a subway map. It uses a Leaflet map to provide an interactive and visual representation.
## Features
- Display of technologies, tools, and hardware used by a company
- Interactive Leaflet map for a visually appealing representation
- Easy generation of new stations using the `/generator` slug, which opens a UI to position the station
- JSON data for stations can be easily added by copying and pasting into the equivalent file in the `src/data` folder## License
This project is licensed under the MIT License, making it free to use for everyone.
## Tech stack
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
- [TypeScript](https://www.typescriptlang.org/)
- [Leaflet](https://leafletjs.com/)
- [FontAwesome](https://fontawesome.com/)
- Linting with [ESLint](https://eslint.org/)
- Formatting with [Prettier](https://prettier.io/)### Installation
#### Node.js
This project is a Create-React-App which requires you to have [Node.js](https://nodejs.org/en/) installed.
Clone the repository to your local machine:
```bash
git clone [email protected]:technologiestiftung/Tech-Map.git
```Move into the repository folder:
```bash
cd Tech-Map
```Make sure you use the Node.js version specified in `.nvmrc`. Find out which Node version you're currently on with:
```bash
node --version
```If this version differs from the one specified in `.nvmrc`, please install the required version, either manually, or using a tool such as [nvm](https://github.com/nvm-sh/nvm), which allows switching to the correct version via:
```bash
nvm use
```With the correct Node version, install the dependencies:
```bash
npm install
```Since our fonts are not free to use, you have to provide your own in the `src/fonts` folder and replace the `@font-face...` implementations in the `src/styles/global.css`.
You are now ready to start a local development server on http://localhost:3000 via:
```bash
npm start
```## Adding New Stations
To add new stations to the subway map, you can use 'http://localhost:3000/generator', which opens a UI for positioning the station. Simply copy and paste the generated JSON into the respective file in the src/data folder.## Contributors ✨
Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):
ThorstenDiekhof
👀
Urs Schmidt
💻 🤔 🖋
Marco
🎨 🤔 🖋
Matthieu Rigal
🤔 🖋
JTaIoT
🖋
This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!