foodyfly

Discover menus, reserve tables, and enjoy food.

COMPANY

Work24

ROLE

MERN Developer

EXPERTISE

Web Developement

YEAR

2024

Project description

Project description

Project description

A static frontend website for a fictional restaurant brand with menu browsing, contact form, and reservation integration—designed for fast, responsive UX.

Frontend UI Design

Designed a restaurant website with sections for menu, gallery, reviews, and contact—fully responsive across devices.

Table Booking Simulation

Added a form-based table reservation feature to simulate real-world interaction and order placement experiences.

Built Using HTML/CSS/JS

Coded manually using frontend web technologies with clean layout, typography, and intuitive page flow.

College Showcase Project

Demonstrated early frontend design capabilities, setting the foundation for later full-stack professional development.

Process

Process

Process

Building a Flexible and Dynamic Map Interface

Interactive Drawing Engine

Built drawing tools to plot points, lines, and polygons with area, distance, and diameter calculations in real-time.

Layer Configuration from JSON

All layer settings (source, style, clustering) are configured via JSON, enabling reusability across multiple use cases.

Popup and Filter Logic

Implemented attribute-based filtering, popups for feature properties, and overlays for labels dynamically based on zoom level.

UI for Map Management

Created modals for managing map layers, base maps, legends, and drawing tools for admin configuration.

Solution

Solution

Solution

Bringing Geospatial Intelligence to Business Dashboards

Data-Driven Decision Making

Enables users to visualize geospatial patterns and conduct analysis for CRM, logistics, or planning use cases.

Customizable Map Layers

Each module or client can have their own map configuration and data layers with zero code change.

Seamless File Integration

Supports uploading and parsing of GIS file formats like KMZ, KML, GeoJSON, and Shape directly into the map view.

Real-Time Drawing & Saving

Users can draw on maps, attach metadata (name/description), and save to the backend as structured GeoJSON.

Results

Results

Results

Live, Scalable, and Used Across Modules

Multi-Industry Use Cases

Currently used for visualizing drainage networks, field-level event plotting, zone-wise tagging, and more.

Client-Specific Map Dashboards

Tailored for multiple businesses using the same codebase but different map setups based on need.

Intuitive and Fast Performance

Users can easily interact with the map interface without any GIS background, improving adoption.