Public Information Portal
Cycling route problem reporting portal.
Project info
Others
2024/09/01
Introduction
A brief project description or quote to summarize its goals.
“This web page highlights and categorizes issues with local bicycle infrastructure, providing an overview of Dedicated Bicycle Routes (DDR), identifying problem areas, and featuring a map with updates and a news feed.”
Explore the Project
Tips
Tech details - Go to general technical info about components (on this page)
GitHub - View the project repository
Site - Visit the project website
Updates
- Migrated from Apache HTTP Server to NGINX | 2024/09
- Migrated from deprecated CentOS 7 to Debian | 2024/09
About
Public Information Portal - Cycling Route Problem Reporting
This project is a self-hosted web portal designed to report and categorize issues with local bicycle infrastructure. The platform offers an interactive map, allowing users to report problems on dedicated bicycle routes (DDR), view updates, and follow a news feed related to cycling infrastructure.
Features
- Interactive Map: Bicycle routes issues.
- News Feed: Custom blog for sharing updates and news about the local infrastructure.
- Static Site: Fast, SEO-friendly static site built using 11ty (Eleventy) with Nunjucks templating.
- Self-Hosted: Hosted on a VPS with custom Apache configuration, including SSL and subdomains.
Tech Stack
- Frontend: HTML, CSS, JavaScript, PicoCSS, LeafletJS (for map integration).
- Backend: Linux CentOS VPS, Apache web server (SSL, subdomains).
- Static Site Generator: 11ty (Eleventy) with Nunjucks.
- Deployment Tools: NPM, Git, Githooks.
Project Overview
In General
Components
Quick Summary
- Website
List of All Technologies
Grouped by Category
| Category | Technologies |
|---|---|
| Frontend | HTML, CSS, JavaScript, PicoCSS, LeafletJS. |
| Static Site Generator | 11ty (Eleventy) with Nunjucks. |
| Backend | Debian, NGINX (SSL, Subdomains). |
| Tools | NPM, Visual Studio Code, Git, Githooks. |
Components Specification
Detailed Information Grouped by Components
Table of Contents:
- Website
Details
-
Website
Pure HTML & CSS & JS with integration of PicoCSS and LeafletJS for map functionality. 11ty (Eleventy) with Nunjucks used as the static site generator.
Features
- VPS Self-Hosted.
- Interactive map with cycling routes and problem reporting.
- Custom Blog / News feed.
- Static site with good SEO and fast loading times.
- Easy deployment with Git hooks.
Tech Stack
Category Description Frontend HTML, CSS, JavaScript, PicoCSS, LeafletJS. Static Site Generator 11ty (Eleventy) with Nunjucks. Backend Debian, NGINX (SSL, Subdomains). Tools NPM, Visual Studio Code, Git, Githooks.
Additional Information
- Domain: Web Development, GIS Mapping
- Status: 1
- Keywords: HTML CSS JS PicoCss LeafletJS 11ty Nunjucks Linux CentOS NPM Visual Studio Code Git VPS Subdomains Apache HTTP Server SSL Debian NGINX
Thumbnail