View All Projects
ArlesXAgenda - Hero
34Organic

ArlesXAgenda

A web app for viewing events in Arles with filtering and map support.

Tech Stack

ReactReact-leafletReact-router-domuseStateuseEffectuseRefuseContext

Showcasing Arles' events the smart and interactive way.

Key Features

Event Filtering

Filter by date, category, or location.

Add image or video

Map View

Display events directly on an interactive map.

Month View

View events by month with detailed breakdown.

The Monthly View Results

Event detail modal

Gallery

Screenshot 1
Screenshot 2

The Problem

Users lacked a centralized, user-friendly way to access city events.

Project Goal

Make it easy for users to find and plan events around Arles.

My Role

Developed the frontend and implemented filtering, maps, and calendar logic.

Design Decisions

Interactive maps and fast filters were chosen for smoother UX.

Challenges

Big JSON file, event mapping, and styling were the main challenges.

Solutions

Used hashmap to organize data and context API for state sharing.

Key Learnings

Learned to handle large data and build responsive UI with map integration.

Future Improvements

Add social sharing and user rating features.