August 2021 - September 2021
A comprehensive order tracking system designed for a business operating in Istanbul, Turkey, featuring an administrative dashboard tailored for efficient courier management.
Project Goal
The client's project encompassed the development of a user-friendly website to cater to customers seeking order tracking capabilities, alongside an administrative dashboard tailored for efficient order management by couriers.
With a target audience in Turkey, the website was designed to be in the Turkish language, and great emphasis was placed on delivering a clean and intuitive user interface to enhance usability.
Solution
NextJS
In pursuit of a contemporary and high-performance website, I made the strategic choice to employ Next.js for the frontend development.
This framework provided the ideal foundation for crafting a swift, SEO-optimized website while simultaneously enhancing the developer experience, ensuring that the final product met the client's requirements for modernity and speed.
TypeScript
Given the inherent advantages of Next.js, TypeScript was a natural and prudent selection to enforce type safety and streamline the refactoring process.
To enhance code management and maintain the integration of style and logic, I incorporated Styled Components for styling, facilitating the cohesiveness of both aspects within a single file and ensuring effective code separation.
Redis
Redis played a pivotal role in the optimization of the website's performance.
By implementing Redis to cache data sourced from the Google Sheets API, the frequency of API requests was significantly reduced.
This caching mechanism not only alleviated the strain on external API resources but also led to noticeable improvements in the website's overall responsiveness and speed.
Firebase
Firebase was predominantly harnessed for two key functions within the project.
Firstly, it served as a robust authentication solution, ensuring secure user access to the platform.
Additionally, Firebase was employed for the storage of images captured by couriers during the order delivery process.
The decision to utilize Firebase was further bolstered by its reputation for offering an expansive and accommodating free tier, aligning perfectly with the project's requirements.
Google Sheets
Building upon the client's existing workflow, I seamlessly integrated the Google Sheets API into the project to fetch order data.
This strategic choice not only expedited development but also ensured that the website remained fast and user-friendly.
Importantly, it obviated the need for data migration to a traditional database, preserving the client's preferred data management system while achieving the desired functionality.