UrbanBites

Overview

UrbanBites is a full-stack food ordering platform built using the MERN stack. The application enables users to browse food items, manage carts, place orders, and complete secure online payments through Stripe. It also includes a dedicated admin panel for managing food items and monitoring customer orders.

Problem

Many food ordering systems require separate workflows for customers and administrators while maintaining secure payments and efficient order management. UrbanBites was built to provide a streamlined ordering experience with centralized administration and secure transaction handling.

Solution

I developed a complete food ordering platform with role-based functionality for customers and administrators. The application supports user authentication, cart management, order processing, payment integration, and administrative controls through a responsive web interface.

Features

JWT-based Authentication & Authorization

Food Browsing and Search

Shopping Cart Management

Order Placement and Tracking

Stripe Payment Integration

Admin Dashboard

Food Item Management

Order Monitoring and Status Updates

Responsive User Interface

RESTful API Architecture

Technical Implementation

Frontend

React.js

Context API

CSS

Backend

Node.js

Express.js

Database

MongoDB

Mongoose

Authentication

JWT (JSON Web Tokens)

Payments

Stripe

Key Highlights

Secure authentication and protected routes

Integrated Stripe payment workflow

Scalable REST API architecture

Centralized state management using Context API

Admin panel for platform management

Full CRUD operations for food items and orders

Live Project

Source Code