This is my personal project, developed entirely independently, as part of my growth as a frontend developer. The project combines modern frontend technologies with practical social applications, supporting environmental protection.

-------ECOLOCATOR-------

Platform for Reporting and Searching Environmental Waste

DEMO

You can see the app in action here: EcoLocator

Admin Panel

• login: [email protected]
• password: admin123

Description

This project is a web platform, built with React using TypeScript and Vite, that allows users to:

• Report environmental waste requiring disposal.
• Search for such waste by waste management companies.

The application offers features such as:

• User registration.
• Adding advertisements with precise addresses.
• Visualization of advertisements on an interactive map.

Technologies Used in the Project

• React and TypeScript - for creating components and application logic.
• Vite - as a build tool for the project.
• Air Table - for user authentication and database management.
• Leaflet.js - for displaying waste locations on a map.
• SASS - for quick styling of components.

Project Goal

The goal of the project is to facilitate communication between:

1. People reporting waste.
2. Waste management companies.

The platform provides a convenient and intuitive system that supports environmental protection and efficient waste management.

Jest to mój autorski projekt, realizowany od podstaw samodzielnie, jako część mojego rozwoju jako frontend developera. Projekt łączy nowoczesne technologie frontendowe z praktycznym zastosowaniem społecznym, wspierając ochronę środowiska.

Platforma do zgłaszania i wyszukiwania odpadów środowiskowych

Demo

Możesz zobaczyć działanie aplikacji tutaj: EcoLocator

Admin Panel

• login: [email protected]
• hasło: admin123

Opis

Projekt to platforma webowa, stworzona w React z użyciem TypeScript i Vite, która umożliwia użytkownikom:

• Zgłaszanie odpadów środowiskowych wymagających wywiezienia.
• Wyszukiwanie takich odpadów przez firmy utylizacyjne.

Aplikacja oferuje funkcjonalności takie jak:

• Rejestracja użytkowników.
• Dodawanie ogłoszeń z dokładnym adresem.
• Wizualizacja ogłoszeń na interaktywnej mapie.

Technologie użyte w projekcie

• React i TypeScript - do tworzenia komponentów i logiki aplikacji.
• Vite - jako narzędzie do budowy projektu.
• Air Table - do uwierzytelniania użytkowników i zarządzania bazą danych.
• Leaflet.js - do wyświetlania lokalizacji odpadów na mapie.
• SASS - do szybkiego stylizowania komponentów.

Cel projektu

Celem projektu jest ułatwienie komunikacji między:

1. Osobami zgłaszającymi odpady.
2. Firmami utylizacyjnymi.

Platforma zapewnia wygodny i intuicyjny system, który wspiera ochronę środowiska oraz efektywne zarządzanie odpadami.