Fuel Buddy is a React web application that displays around 120 top gas stations retrieved from the apify built API. A live search bar can be used to search a gas station for specific location. A drop down menu can be used to choose a fuel type. Upon selecting a particular gas station, the user is able to peruse the selected gas station's details such as its name, address, phone number, features & amenities and prices for all types of fuel being sold at the gas station. The user can save the specific gas station to their favorites or remove it by clicking the heart icon. The user can see all favorited gas stations by clicking favorites button.
Fuel Buddy was constructed utilizing React, Router, and Cypress testing. This application allowed me to showcase my self-taught knowledge of Typescript. It took me approximately 60 hours total to finish. To complete this project I also used GitHub project board and Figma.
GitHub Project Board | Figma | Excalidraw
- Clone the repo
git clone https://github.com/dgubko/fuel-buddy.git- Install NPM packages
npm i npm start
-
Solidify a new technology (Typescript) outside of the Turing curriculum and incorporate the new technology into an application
-
Solidify Network requests, React, React Router, Cypress testing
- Learning TypeScript has been a valuable experience for me. I have gained a deeper understanding of the importance of strong typing and type annotations in code, which has helped me to write more robust and maintainable code. TypeScript's static type checking has also helped me to catch errors early on in the development process, saving me time and effort in the long run. Additionally, the ability to use React features with TypeScript has been a great advantage, allowing me to write more efficient and expressive code. Overall, I am grateful for the opportunity to learn TypeScript and I look forward to using it in my future projects.