đ´ââď¸ Vacation Trackerđââď¸
This Vacation Tracker app was built using React, with a strong emphasis on state management and routing. I developed interactive maps using the Leaflet library, providing users with a seamless way to track and visualize vacation plans. The app manages the global state efficiently with Reactâs Context API and Redux, ensuring data consistency across the application.
Tools Utilized/Learnings:
React: Utilized for building and structuring the application with reusable components, managing state and props effectively.
React Router: Configured dynamic paths, navigation hooks, and browser-based routing to ensure smooth user navigation and dynamic content rendering.
Leaflet Library: Integrated to enhance the interactive map functionality, allowing users to visualize vacation destinations and routes with precision.
React Testing Library: Ensured functionality and reliability of components through rigorous testing, validating the appâs performance and user experience.
Check the readme for more.
đ´ââď¸ Workout Trackerđââď¸
This Workout App was built with a heavy focus on Object-Oriented Programming. I wanted to implement a way to easily track workouts using an interactive map where I leveraged the Leaflet library integration. Log activities in chronological order and allow the user to auto-focus on a specific workout through the workout list.
Tools Utilized/Learnings:
HTML5: Forms the backbone of the app's structure and content, while organizing and presenting workout data.
CSS3: Ensures the app's visual appeal and responsiveness enhancing user experience with aesthetically pleasing designs.
JavaScript (ES6+): Enables dynamic interactions, real-time updates, and enhanced user interactivity. Powers features like the interactive map, dropdown selections, and seamless integration with the Geolocation API.
Geolocation API: Seamlessly integrates with JavaScript to provide location-based services, ensuring accurate mapping and personalized experiences based on the user's current position.
Leaflet Library: Enhances the interactive map, while offering precise visualization of workout locations and activities.
Check the readme for more.
đ°Banking App
The project was a comprehensive web-based Banking App that let users manage their financial activities with ease and security. This application serves as a virtual hub for all banking operations, enabling users to monitor their account balances, track transaction history, initiate fund transfers, apply for loans, and close accounts, all through a user-friendly interface.
Tools Utilized:
HTML5: The foundation of the app's structure and content, providing a structured framework for web content.
CSS3: Responsible for the app's visual presentation, delivering appealing and responsive designs.
JavaScript (ES6+): The programming language of choice for dynamic interactions, enabling real-time updates, and enhancing user interactivity.Â
Check the readme for more.
⨠Number Guessing Game đ˘
The Number Guessing Game is a captivating and interactive web application that introduces users to the world of JavaScript programming through an engaging game. Created using JavaScript, HTML, and CSS, this project served as an entry point for exploring the fundamental concepts of JavaScript.
Tools Utilized:
HTML5: Establishes the structure and layout of the game's web page.
CSS3: Enhances the visual design, ensuring a visually appealing and responsive user interface.
JavaScript (ES6+): Forms the core of the game's functionality, driving the random number generation, user interaction, and hint system.
With these tools, the JavaScript Number Guessing Game showcases the essence of JavaScript programming, from handling user input to dynamic responses, encapsulated within a fun and accessible game environment.
Check the readme for more.
đ˛ PIG Dice Game đˇ
The PIG Dice Game is a dynamic and entertaining web application created with a combination of JavaScript, HTML, and CSS. This project serves as a testament to my growing proficiency in JavaScript programming, offering players a chance to enjoy a classic dice game within a modern web environment.
Tools Utilized:
HTML5: Provides the structural foundation and layout for the game's interface.
CSS3: Enhances the visual appeal of the game through design and responsive styling.
JavaScript (ES6+): Forms the heart of the game's mechanics, powering dice roll animations, player interactions, and rule enforcement.
The PIG Dice Game encapsulates the essence of luck and strategy as players engage in a strategic race to accumulate points while managing the risk of rolling a "1." Through the utilization of these tools, the project brings the excitement of the traditional PIG dice game to life in an interactive online format.
Check the readme for more.