Skip to content

Swayam-code/Food-Delivery-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Food Delivery App

Technologies Getting Started Collaborators Contribute

The React Food Delivery App is a modern, minimalist application designed for seamless food ordering. It features a streamlined UI with simplified add-to-cart and shopping cart functionalities for up to 50 items. Users can filter through over 100 products and view detailed product pages. The app also includes cart and checkout pages for easy ordering and secure transactions, as well as a contact page for real-time customer support.

📱 React Food Delivery App

🎨 Layout

screencapture-food-delivery-ecommerce-app-netlify-app-home-2024-07-22-21_49_40 image image

💻 Technologies

  • React.js: For building the user interface
  • Redux Toolkit: For efficient state management
  • ReactStrap: For styling components
  • Strapi -Custom CSS: For additional responsiveness and aesthetic appeal -Netlify: For deployment

🚀 Getting started

To set up and run the React Food Delivery App locally, follow these steps:

Prerequisites

Here you list all prerequisites necessary for running your project.Make sure to hav:

Cloning

Clone the repository to your local machine:

git clone https://github.com/Swayam-code/Food-Delivery-App

Starting

Go to the project directory and install the dependencies:

cd food-delivery-app
npm install

Start the development server:

npm start

Documentations that might help

📝 How to create a Pull Request

💾 Commit pattern

Features Breakdown

  1. UI Design

    • Modern and minimalist design

    • Responsive layout using ReactStrap and custom CSS

  2. Shopping Cart

    • Simplified add-to-cart functionality for up to 50 items

    • Shopping cart management with easy item addition and removal

  3. Product Filtering

    • Filter options for over 100 products

    • Detailed product pages with comprehensive information

  4. Checkout Process

    • Cart and checkout pages for seamless ordering

    • Secure transactions for user safety

  5. Customer Support

    • Contact page for real-time support
  6. Deployment

    • Deployed on Netlify

    • Supports reliable access for up to 500 concurrent users