contactprojectstechnologiesabout
delivery app logo

delivery app

MERN Stack App

Summary

An inclusive solution designed to assist restaurants in advertising and managing their menu effectively. The application provides real-time monitoring and updates on order status, ensuring seamless operations for both restaurant owners and customers.

Links

Tech Stack

technologies
backend

Node.js

Express

MongoDB

Mongoose

Cloudinary

OAuth 2.0

Nodemailer

Socket.io

Json JWT

hosting

Heroku

frontend

React

Context Api

React Router Dom

Styled Components

React Hook Form

Socket.io Client

Swiper

language

JavaScript

Features

  • Robust authentication system with seamless forgot password support for enhanced security.
  • Email account validation through email, ensuring valid user registrations.
  • Fully functional newsletter and contact form, fostering effective communication.
  • Comprehensive form fields validation to guarantee accurate and error-free data input.
  • Multimedia storage capabilities for a rich and engaging user experience.
  • Real-time notifications for new orders and updates, keeping users informed and engaged.
  • Implementation of unit tests for code reliability, ensuring a stable and resilient system.
  • Lazy loading components and code splitting for optimized performance and faster load times.
  • Loading skeletons for smoother product and order loading, enhancing user experience.
  • Server and client-side pagination for efficient data handling and improved scalability.
  • Enhanced products and orders section with sorter, filter, and search bar functionalities for easy navigation.
  • Support for search parameters in the URL, offering a seamless and intuitive search experience.
  • Custom auto-played sliders with dot indicators and controls for dynamic content presentation.
  • Latest product's carousel for captivating and dynamic showcasing of new arrivals.
  • Access control with Public and Private routes based on user roles, ensuring data security.
  • Functional contact section with thorough form validation for accurate user inquiries.
  • Loading modals and indicators for a seamless user experience during data processing.
  • Cart management features, including adding, selecting quantity, and removing products for effortless shopping.
  • Editable user profiles for a personalized and user-centric experience.
  • Order history and status tracking, providing users with transparency and control.
  • Order cancellation option available before acceptance by the admin, enhancing user flexibility.
  • Comprehensive product management: add, edit, delete, or hide products for efficient inventory control.
  • Category management features: add, rename, and eliminate categories along with their associated products.
  • Update order status functionality for streamlined and efficient order management.

Screenshots

https://res.cloudinary.com/myproyects/image/upload/v1645735028/proyects/screencapture-fast-food-delivery-app-herokuapp-2022-01-20-16_57_33_og3iul.webphttps://res.cloudinary.com/myproyects/image/upload/v1642716738/proyects/screencapture-fast-food-delivery-app-herokuapp-2022-01-20-16_58_45-min_yid3wi.webphttps://res.cloudinary.com/myproyects/image/upload/v1642716729/proyects/screencapture-fast-food-delivery-app-herokuapp-2022-01-20-16_59_51-min_rdnaaz.webphttps://res.cloudinary.com/myproyects/image/upload/v1642716732/proyects/screencapture-fast-food-delivery-app-herokuapp-2022-01-20-17_01_06-min_gwnomp.webp