Skip to content

pragyanbhatt1213/Food_Order_App

Repository files navigation

FOOD_ORDER_APP

license last-commit repo-top-language repo-language-count


🔗 Table of Contents


📍 Overview

The Food Ordering App is a React Native application that provides users with a seamless experience to browse, filter, and order food from various categories. Optimized for both Android and iOS, the app offers a dynamic, visually appealing, and responsive UI to cater to a broad audience.


👾 Features

  • Dynamic Categories: Switch between categories like "Trending Now," "Veg," and "Non-Veg," with automatic updates to the displayed products.
  • Product Listing: Browse items with detailed information such as price, name, and an image.
  • Search Functionality: Search for specific dishes using the built-in search feature powered by EvilIcons.
  • Interactive UI: Beautiful transitions and animations using LinearGradient.
  • Smooth Scrolling: Supports horizontal and vertical scrolling for a smooth experience across devices.
  • Category Filters: Highlight and filter products by selected category for enhanced usability.
  • Responsive Design: Ensures adaptability to various screen sizes, from smartphones to tablets.
  • State Management: Uses React hooks like useState to manage app state efficiently.
  • JSON-based Product Data: Product details like name, price, and image are fetched from data.json, making it easy to update or expand the list.

📂 Repository Structure

└── Food_Order_App.git/
    ├── App.jsx
    ├── Gemfile
    ├── README.md
    ├── __tests__/
    ├── android/
    ├── ios/
    ├── src/
    │   ├── assets/
    │   ├── components/
    │   └── screen/
    ├── app.json
    ├── babel.config.js
    ├── index.js
    └── package.json

Sample

image image

🚀 Getting Started

🔖 Prerequisites

JSON: version x.y.z

📦 Installation

Build the project from source:

  1. Clone the Food_Order_App.git repository:
❯ git clone https://github.com/pragyanbhatt1213/Food_Order_App.git
  1. Navigate to the project directory:
cd Food_Order_App.git
  1. Install the required dependencies:
❯ npm install

🤖 Usage

To run the project, execute the following command:

❯ npm run android   # For Android
  npm run ios       # For iOS

🧪 Tests

Execute the test suite using the following command:

❯ npm run test

📌 Project Roadmap

  • Task 1: Implement feature one.
  • Task 2: Implement feature two.
  • Task 3: Implement feature three.

🤝 Contributing

Contributions are welcome! Here are several ways you can contribute:

Contributing Guidelines
  1. Fork the Repository: Start by forking the project repository to your github account.
  2. Clone Locally: Clone the forked repository to your local machine using a git client.
    git clone https://github.com/pragyanbhatt1213/Food_Order_App.git
  3. Create a New Branch: Always work on a new branch, giving it a descriptive name.
    git checkout -b new-feature-x
  4. Make Your Changes: Develop and test your changes locally.
  5. Commit Your Changes: Commit with a clear message describing your updates.
    git commit -m 'Implemented new feature x.'
  6. Push to github: Push the changes to your forked repository.
    git push origin new-feature-x
  7. Submit a Pull Request: Create a PR against the original project repository. Clearly describe the changes and their motivations.
  8. Review: Once your PR is reviewed and approved, it will be merged into the main branch. Congratulations on your contribution!
Contributor Graph


🎗 License

This project is protected under the SELECT-A-LICENSE License. For more details, refer to the LICENSE file.


🙌 Acknowledgments

  • List any resources, contributors, inspiration, etc. here.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published