Overview

LocalZero Top Maßnahmen is a project aimed at monitoring and showcasing top measures for climate protection and sustainability in various cities. The project currently uses CSV files for data storage but will integrate with the LocalZero backend in the future.

Technologies Used

• - Next.js for server-side rendering and static site generation.
• - React for building the user interface.
• - PapaParse for parsing CSV files.
• - TypeScript for type safety and better developer experience.
• - SCSS for styling and design.

Getting Started

Prerequisites

Make sure you have Node.js and npm installed on your machine.

Installation

1. Clone the repository:

   git clone https://github.com/GermanZero-de/localzero-top.git
   cd localzero-top

2. Install the dependencies:

   npm install

Running the Development Server

To run the development server, use the following command:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

Building for Production

To build the project for production, use the following command:

npm run build

Starting the Production Server

To start the production server, use the following command:

npm start

Data

Currently, the project uses CSV files located in the

sheets directory for data storage.

In the future, the project will integrate with the LocalZero backend for data management.

Example sheets: https://docs.google.com/spreadsheets/d/1zluA1FvCrFrGiLkB828kt54BEQed52jpEJMcX8hRRLk You can download each page and put them into the project sheets folder in order to use them in the project, notice the naming for the files from fetchdata file.

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - Learn about Next.js features and API.
• Learn Next.js - An interactive Next.js tutorial.