Giter VIP home page Giter VIP logo

paketmutfakapp's Introduction

PaketMutfakApp ๐Ÿ“ฆ๐Ÿšš

Welcome to PaketMutfakApp, an advanced Order Management System designed to streamline the handling and delivery of orders. Built with React Native, this app facilitates a seamless cross-platform experience, suitable for both iOS and Android devices. It features an interactive user interface for managing orders, grouping them into baskets, assigning couriers, and tracking their delivery statuses.

Features ๐ŸŒŸ

  • Order Listing: Displays all orders along with detailed statuses.
  • Basket Management: Create, modify, and manage baskets to organize orders before delivery.
  • Courier Assignment: Dynamically assign couriers to specific baskets.
  • Real-Time Status Updates: Track and update the status of orders from preparation to delivery.
  • Interactive User Interface: Responsive and intuitive interface designed for efficient operation.

Screens ๐Ÿ“ฑ

  • Orders Screen: View and manage orders and baskets. Supports operations like creating new baskets and assigning orders.
  • Order Detail Screen: Offers a detailed view of each order, including ID, address, and current status.
  • On The Way Screen: Manage and update the status of current route orders.

Components ๐Ÿงฉ

  • OrderCard: Component to display key information about each order.
  • BasketView: Manages the functionalities related to baskets such as adding or removing orders and assigning couriers.
  • CourierSelector: Component to select couriers for baskets.
  • OnTheWayBasketView: Manages and updates the status of orders on their way to delivery.

Setup and Installation ๐Ÿ› ๏ธ

  1. Clone the repository:

    git clone https://github.com/Arda66/PaketMutfakApp.git
    
  2. Local Server Setup

    Before running the application, you need to set up and start the local server to manage data interactions. Follow these steps to get the server up and running:

    Install JSON Server:

    If you don't have JSON Server installed globally, you can install it using npm:

      npm install -g json-server
    

    Start The Server:

    Navigate to the root directory of your project where db.json is located and run the following command to start your local server:

      npx json-server --watch db.json --port 3000
    

    Warning:

    I got an error when using 127.0.0.1 as the local host because of the Android studio emulator from android studio therefore I changed the URL to:

      http://10.0.2.2:3000/orders
    

    If you are working with the local device you may need to change the URL inside of the app for fetching data as :

      http://127.0.0.1:3000/orders
    

    Screenshots

    Orders Page

    image

    image

    image

    image

    image

    image

    image

    image

    Order Detail Page

    image

paketmutfakapp's People

Contributors

arda66 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.