TrackIt is a sophisticated web-based application designed to simplify shipment tracking by providing a unified platform. It allows users to monitor the status and journey of their packages across various couriers, including UPS, USPS, FedEx, OnTrac, and more.
GitHubVisit
TrackIt dashboard displaying multiple shipments with their status, including Guitar, iPhone, Shoes, and Airpods Pro. A context menu is open for one shipment, showing options like 'Open Detailed View' and 'Copy Tracking Number'.
Tracking history for Guitar shipment in TrackIt. Timeline shows multiple status updates from Pooler, GA to Portland, OR, with the latest update indicating departure from a shipping partner's facility in Portland.
TrackIt user guide showing sidebar navigation and instructions for adding a shipment, including steps to enter tracking numbers and name packages.
Detailed view of Airpods Pro shipment in TrackIt. Shows package info including 3-day transit time, tracking number, route from Mira Loma, CA to Eugene, OR, and USPS Parcel Select service.

Project Overview

TrackIt is a comprehensive solution designed to centralize and streamline the shipment tracking process. By supporting multiple couriers, it offers users a single platform to view and manage all their shipments, reducing the hassle of tracking packages on different websites.

Development

The development of TrackIt involved several stages, including initial research, setting up the development environment, creating the core features, and implementing advanced functionalities. Throughout the process, modern web development practices and tools were utilized to ensure a high-quality, efficient, and user-friendly application.

Lessons Learned

Through the development of TrackIt, I enhanced my skills in Next.js and React, learned the importance of responsive design, and gained experience in implementing real-time updates and user-friendly interfaces. Additionally, managing the project helped me improve my organizational and project management skills.

Future Improvements

In future iterations, I plan to enhance the real-time update capabilities by incorporating WebSockets, improve the UI for better user engagement, and add more advanced filtering options. Additionally, I aim to integrate more couriers and provide users with even more detailed tracking information.

Features

  • Centralized Tracking

  • Multi-Courier Support

  • Detailed Transit History

  • Accessible UI

  • Power User Friendly

  • User Guide

  • Keyboard Shortcuts

  • Filters & Search

frontend

Next.js

React

Tailwind CSS

Framer Motion

Radix UI

Google Maps

testing

Jest

Cypress

tools

VS Code

GitHub

Prettier

ESLint

Husky

NPM

Analytics

    00
Last ProjectNext Project