Here is a selection of some of my recent personal projects that I have worked on to learn front end development. All of these sites were inspired by real company websites.
I created a fully responsive e-commerce website designed to provide a seamless shopping experience. Implemented Redux Toolkit to manage the application's state efficiently. Developed a dynamic modal to display detailed product information. Leveraged Local Storage to save the user's cart items. Designed the website to be fully responsive.
Built with Vite, the app benefits from an optimized development workflow and fast load times. I used Redux Toolkit making the application scalable and easy to maintain. Leveraging the Edamam API, Recipe Cooking provides access to an extensive and diverse collection of recipes. With Tailwind CSS, the app boasts a sleek and responsive design, ensuring seamless user experiences across various device.
I developed a dynamic and interactive film showcase website that provides users with detailed information about their favorite movies. This project utilizes the OMDb API to fetch and display comprehensive movie data. Users can add movies to their favorites list, which is stored in local storage. This feature ensures that users can easily access their favorite films without needing to log in or create an account.
This dynamic e-commerce website exemplifies modern web development techniques, providing users with a seamless shopping experience.Implemented Context API & Reducer for state management to ensure consistent and efficient data handling across the application, used Firebase for authentication, employed Styled-Components for writing modular and reusable CSS
This e-commerce website is a dynamic and responsive platform designed to offer a seamless shopping. Integrated Stripe for secure and efficient payment processing, used React-Slick to create engaging and interactive carousels experience, employed the Classnames library to manage dynamic class names in a clean and efficient way.
I developed a comprehensive website dedicated to ensuring that the financial services sector is equipped with the talent and skills necessary for future growth and innovation. I used Gatsby for fast performance and seamless integration, incorporated React-Bootstrap for responsive user interfaces, GraphQL for efficient data querying, WordPress used as a headless CMS to manage and deliver content.
This Payroll Management System is utilizing the power of Gatsby and React, this application ensures a fast, responsive, and user-friendly experience. The use of React-Bootstrap provides a sleek and modern interface, enhancing the overall usability and aesthetic appeal.
With this project, I created a WordPress site with different plugins and the site are mobile responsive. I used WPForms plugin for contact form, Final Tiles Grid Gallery for gallery images.
This project required a complete site re-design on the front end. It was another wordpress website where I took the photoshopped designs and restyled the front-end
In this projects I used React to create reusable UI components, it renders the virtual DOM. This was in accordance to the teams coding standards and designers specification
In this projects I used React to create reusable UI components, it renders the virtual DOM. This was in accordance to the teams coding standards and designers specification
This is a simple single page, responsive website. I used a jquery plugin (blueberry) to create the carousel slider.
With this project I wanted to create a typical e-commerce layout which is responsive. I used media queries for the responsive layout and the target selector to create the light boxes for each product.
In this project, I used bootstrap to create a responsive layout. I added some bootstrap components such as the carousel. I also used bootstrap to create the site navigation.