Hey,

I'm Saad.

I am a Frontend Software Developer with a love for aesthetics and functionality. Every line of code I make is driven by a desire to create exceptional online experiences.
Here's a bit more about me!

Here are some of my projects

  • Library Project Screenshot

    Library Project

    HTML, CSS, JavaScript, React

    Developed a dynamic website utilizing React, ReactHooks, HTML and CSS, showcasing proficient use of Flexbox techniques for optimal layout and responsiveness to ensure optimal viewing experience on all devices. Implemented engaging transitions to enhance user interaction. Designed a user-friendly navigation menu utilizing Javascript, which is only displayed on smaller screens and allows for seamless navigation through the site accommodating both desktop and mobile devices. In addition, I leveraged my strong Javascript skills to develop a highly functional sorting functionality, enabling users to easily sort the books on the website based on price or rating. To achieve this, I implemented a custom local API to detect and retrieve the relevant information, ensuring a seamless and optimized user experience. Furthermore, I utilized my expertise in React.js and ReactHooks to implement a seamless cart system that enables users to add their selected books to a cart and check out, resulting in a cleaner and more professional website functionality. The cart system also calculates the total price of the books, providing an efficient and streamlined user experience. Adeptly utilized various other key Frontend development properties.

  • Library Project Screenshot

    Basic E-Portfolio

    HTML, CSS

    Created a professional, dynamic website utilizing HTML and CSS, showcasing advanced proficiency in CSS techniques, including the use of Flexbox for optimized layout and transitions for a dynamic user experience. Designed with full responsiveness in mind to ensure seamless display on all devices. Efficiently implemented links and buttons for easy navigation and seamless connection between pages. Crafted to provide an exceptional and professional online presence.

  • Library Project Screenshot

    Full Website Frontend Remake

    HTML, CSS

    Utilized an online Frontend template from "Treact" and re-created every design element to produce a visually stunning website. Demonstrated strong technical skills by utilizing "Inspect Element" to gain a deep understanding of various design tools. Built the website from scratch, using HTML to define elements and CSS to bring the design to life. Developed a comprehensive understanding of Flexbox to recreate the original design, overcoming technical challenges along the way. Implemented an advanced design, incorporating intricate shapes to produce a cohesive final product

  • React To-Do Project Screenshot

    To-Do List in React

    HTML, React, CSS

    As an accomplished React developer, I designed and implemented a fully functional to-do list using React and CSS to give it a professional look. Through my advanced knowledge of React Hooks, including useState and useEffect, and my expertise with other React frameworks, I successfully created an interactive to-do list that allows users to add, edit, and delete items while also tracking completion status. By leveraging my skills in React development, I also built several reusable components to enhance the application's scalability and maintainability. This project demonstrated my ability to work effectively with React's core concepts, including component-based development and state management, to create intuitive and feature-rich applications. Overall, my development of this to-do list application showcases my deep understanding of React and my ability to build professional-grade applications that are both visually appealing and user-friendly.

  • Library Project Screenshot

    Advanced Personal Portfolio:

    HTML, CSS, JavaScript

    Developed a visually appealing website that showcases my Frontend Development skills. Incorporated various HTML and CSS techniques to create a design that highlights my coding abilities and showcases advanced Frontend frameworks. Designed with full responsiveness to demonstrate superior technical proficiency. Utilized Javascript to provide a unique user experience by allowing the selection of either a "light mode" or "dark mode" which dynamically changes all elements on the page. Implemented a "Contact Me" feature that opens a form, allowing users to easily send an email directly to me. Created an engaging background that interacts with cursor movement, adding an extra layer of interactivity. Demonstrated professional mastery of HTML, CSS, and Javascript to bring the website to life.