Shipfair

ShipFair isn’t a shipping service. It’s a local delivery management software for small businesses with existing drivers. Track your delivery orders easily and get your product in the hands of customers, fast.

📝 Table of Contents

• Problem Statement
• Idea / Solution
• Getting Start
• Technology Stack
• Users Management with authentication
• Profile Handling

🧐 Problem Statement

Small parcel transportation can cost up to 4-5 times more in emerging markets than it does in developed markets for enterprises who import and manufacture textile and apparel goods. As a result, tens of thousands of small-scale companies rely on unofficial shipping networks to save money. Another problem is the security and delay in their packages and luggage.

💡 Idea / Solution

This website will provide the companies shipping facilities with high quality delivery with proper security and also will help to take and bring packages on time. Shippers and travelers can contact, it will save them from security hassles.

💡 Getting Start

To get started you can simply clone this shipfair repository and install the dependencies.

Clone the shipfair repository using git:

git clone https://github.com/amna-jamshaid/shipfair.git

Install dependencies with this command:

npm install

Run the application with this command:

npm start

Technology Stack

• HTML
• CSS/SCSS
• JavaScript
• React
• Firebase
• Node
• ChatEngine/Socket.io

👤 User Management System

• SignUp:

In ShipFair website, users can easily make their new accounts.They can make their profiles and can perform tasks as agent or shipper.They have to put username ,email, password for their accounts.After Signup they can login to their accounts.Their data will be successfully saved in database.Now they can have access to all the fields of the website.

• Login:

Users can login to their accounts.They can login via google.This will save users time, they don't have to fill all the fields everytime.Their password will be highly confidential.They can access to all fields to the website.

• Reset Password:

User may forget their password.So, there is a feature that they can reset their password via google authentication easily and can have access to their accounts From the ShipFair website an OTP link will be send to the user's provided email.

👤 Profile Handling

After the user log in, he/she will redirect to their Dashboard. In left side panel the user will be entertained with a menu bar.

Menu bar contains the following:

• Home
• Trips
• Parcels
• Messages
• Profile

In the main panel ,the selected menu option will be opened.

🏠 Home

After opening the home option, users's posted packages and trips will appear. In the main panel, cthere will be complete information of the selected packages and trips. The information will contain name, date and description of the package and trips.

✈️ Trips

After selecting the trips option, main panel will be adjust according to the it. All related information of selected trips will be filtered from user's data.User can see name, loctaion and scheduled data and time of his trips section.

📦 Parcels

After selecting the parcles option, main panel will be adjust according to the it. All related information of selected parcels will be filtered from user's data. User can see the name, loctaion and scheduled data and time in his parcels section.

💬 Messages

After selecting the messages option, main panel will be adjust according to the it. A complete and proper chatting section will be opened.The users can interact with the other users (shippers). The users can send messages to each other and can ask about the posted packages and trips.The users will be entertained with quick responses.

👤 Profile

In the profile option, the user can see his profile details. Users can see his credentials, all About details including bio, country and company information. user can edit and save his details at any time. There is a section of additional details as well. Users can add any additional details which can help him in attracting more clients.