Ibtida – Restaurant Web App

I designed and developed a complete web application for Ibtida, a modern restaurant looking to establish an online presence that is both functional and user-friendly. The app enables users to browse a dynamic food menu, make table reservations, and interact with the site seamlessly across devices.

Built using the MERN stack (MongoDB, Express.js, React, Node.js), the application is fast, responsive, and scalable. I used Tailwind CSS for styling to create a clean, modern, and mobile-first design.

The restaurant needed a professional online platform to:

Showcase its menu items dynamically with dish images and descriptions

Allow users to reserve tables with real-time feedback

Provide an admin-friendly system for managing menu items and reservations (future scalability)

Deliver a seamless experience across desktop and mobile devices

As the sole developer, I was responsible for the entire build — from UI to backend logic.

Developed a responsive React-based UI using Tailwind CSS

Implemented dynamic menu rendering with dish filtering and detail views

Created smooth navigation and page transitions with React Router

Developed a reservation system UI with validation and real-time form interactions

Built a RESTful API with Express.js & Node.js

Integrated MongoDB for storing menu data and reservations

Added endpoints for creating, retrieving, updating, and deleting reservations

Implemented error handling and form submission feedback

Frontend: React, Tailwind CSS, React Router

Backend: Node.js, Express.js, MongoDB

Hosting: Netlify (Frontend), Render/Heroku (optional for backend)

Fully responsive web app with clean UI and fast performance

Smooth reservation flow for customers

Simple, scalable architecture with future admin integration possible

Improved the restaurant's digital presence and customer convenience

React Tailwind CSS Node.js Express MongoDB REST API Responsive

Design Frontend Architecture UX/UI Development