Introducing my application built using HTML, TypeScript, Redux Toolkit, and Material-UI โ your ultimate solution for efficient delivery tracking and seamless office location. This robust and user-friendly platform empowers you to effortlessly monitor delivery statuses while conveniently accessing a comprehensive search history log.
-
Real-Time Delivery Status Tracking: Stay informed and in control with our intuitive delivery tracking feature. Seamlessly monitor the progress of your deliveries as they move through various stages, ensuring you're always up-to-date.
-
Office Locator with City Search: Easily find the nearest branches and offices with our dynamic office locator. Utilize the smart city search functionality to pinpoint branches in your desired location, streamlining your experience.
-
Work Schedule Visibility: Plan your visits effectively by accessing the work schedules of branches right from the drop-down menu. This feature ensures that you're aware of the branch's operating hours, enhancing your overall experience.
-
Search History Management: Our application takes convenience a step further by saving your search history. Easily revisit previous searches, eliminating the need to re-enter information and enhancing your efficiency.
-
Persistent History with Redux-Persist: Never lose track of your search history, even after closing the app. Our integration with Redux-Persist ensures that your search history is securely stored in local storage, offering a seamless and personalized experience every time you use the app.
-
Sleek and User-Friendly Design: Immerse yourself in a visually appealing and intuitive interface, powered by Material-UI. Enjoy a smooth and engaging user experience that prioritizes ease of use and accessibility.
- Make sure you have the LTS version of Node.js installed on your computer. Download and install if necessary.
- Install the project's basic dependencies with the
npm install
command. - Create and populate an
.env
file withVITE_API_URL
andVITE_API_KEY
. - Start development mode by running the
npm run dev
command. - Go to http://localhost:3000/ in your browser. This page will automatically reload after saving changes to the project files.