Frontend React Delivery Application


This is the frontend side of Deliveries and Bots Web Application.

Config-environment

Thecnologies used to build and run this project.

  • React.js
  • Axios.js

Getting Started

If you like to run this amazing app in you local machine. These are the steps you should follow:

Prerequisites

In order to execute the project, it is necessary the latest version of npm.

npm install npm@latest -g

Installation

Perfect! Let's clone the repo, and install the dependencies of the project.

  1. Clone the repo
    git clone git@github.com:LilianaRestrepoTorres/FE-delivery-app.git
  2. Install NPM packages
    npm install 
  3. Run the project
    npm start

Functionalities Implemented So Far

  1. Fetching Data - Hook
    Axios call http://localhost:9393/deliveries
  2. Components
    • Status Filter Component: Which filters deliveries by "pending", "assigned", "in_transit", "delivered" or "all" by default.

    • Sort Filter Component: Which orders deliveries ascendent or descendent by "creation_date".

    • List Deliveries: Which renders each delivery from state hook.

Preview

Frontend-Deliveries-app.mov

Diagram

DeliveriesApp


This project was built with 💚 by me.