InstaPaket - Tracker your package

Hello again!

This is the Kiki's InstaPaket Tracker, it helps you track the packages from our api. It is a mobile first page, so please check it out first with your mobile or a mobile screen option in your browser.

You can visit the page here to see the fetched data with all the parcels.

---

Project Steps

Requirement gathering

Information gathering from the Assignment.

Project spreadsheet

A spreadsheet to organize the structure of the project.

Component tree

This is the component tree of this project made on Whimsical.

User Flow

This is the user flow of this project made on Whimsical.

Figma design

There's also a figma design.

---

Tech Stack and Assets

Tech

1. React, ReactDOM and Router
2. Firebase
3. CSS
4. JSON
5. Asynchronous JS
6. API request
7. Context API

Assets

1. Fonts from Google Fonts
2. Images from Ghibli's movie Kiki's delivery service

---

Run the project

In development mode:

1. Clone or download the repository in your computer

2. Type npm install to install the project dependencies

3. start the application with npm start, it will open a localhost:3000 page automatically in your default browser.