This project is a front-end implementation based on the design provided by Frontend Mentor. The goal was to create a responsive web page using HTML and CSS, incorporating various styles, layouts, and color schemes.
This project is a QR Code Component created as a solution to the QR Code Component challenge on Frontend Mentor. It is designed to help users improve their front-end skills by building projects.
This project is an implementation of the Order Summary Component challenge on Frontend Mentor. The component provides an order summary for a music subscription service, allowing users to view their selected plan and proceed to payment.
This project showcases a "Four Card Feature Section" with a modern and responsive design. Each card represents a distinct feature, and the section provides a concise and visually appealing way to present information.
This project features a modern and stylish column preview card section that highlights different vehicle categories. The design is responsive, making it suitable for both desktop and mobile devices.
Welcome to the Perfume Product Page project! This project focuses on creating an elegant and responsive web page for showcasing a premium perfume product.
Welcome to the Equilibrium #3429 project! This project aims to create a stylish and responsive web page to showcase an art piece from the Equilibrium collection.
This project involves creating a responsive test results dashboard. The design provides a visually appealing and user-friendly interface to showcase test scores and summaries. The dashboard is designed to be mobile-friendly, adapting to different screen sizes for optimal user experience.
Welcome to the Bootstrap Corporate Project-1! This project serves as a demonstration of Bootstrap features and components. It includes a responsive navigation bar, carousel, hero section, product cards, articles, and image gallery.
This is a simple To Do List project created using HTML, CSS, Bootstrap, and JavaScript. Clicking the "Add New" button. Mark as Completed: Clicking on a task toggles its completion status, marking it with a line-through. Invisible effect: Clicking on the "Casper" button. Clear All: Clicking on the "Clear All" button removes all tasks from the list.
This project implements an "Expanding Cards" feature using HTML, CSS, and JavaScript. The expanding cards provide an interactive and visually appealing way to showcase images with accompanying titles. The layout is designed to be responsive, and it includes a smooth transition effect when clicking on each card
This project implements a line progression indicator with selectable targets. Users can navigate through the targets using "Önceki" (Previous) and "Sonraki" (Next) buttons.Progress line visually represents the selected targets. "Önceki" (Previous) and "Sonraki" (Next) buttons allow navigation. Targets are labeled with letters (A, B, C, ...).
This project is a simple web application that calculates the maximum dosage of certain medications based on the weight of the patient. It provides recommendations for medication dosage for Bupivacaine, Prilocaine, and Lidocaine.Calculates medication dosage based on patient weight.
This project is a Drum Kit application that allows users to play drum sounds using either the mouse by clicking on buttons or the keyboard by pressing specific keys. Each button represents a different drum sound.
Simon Game is a web-based application inspired by the classic Simon electronic game. The objective of the game is to advance through various levels by remembering and replicating random color sequences.
The purpose of this project is to design and implement the functionality of a single product page for an e-commerce website. Users should be able to view product details, add the product to the cart, and optionally remove added items from the cart.
This simple React application allows users to select a product from a list of available options. Once a product is selected, its details are displayed prominently on the screen.This project showcases the creation of a basic product selection application using React.
This project provides a step-by-step guide to building a mini image application using React and Vite, allowing users to switch between large images by clicking on small ones. Through this process, users can learn and practice React development in an interactive way.
This React project is a task management application consisting of a form for adding tasks and a list to display them. Users can add, edit, mark tasks as done, or remove them. The application utilizes localStorage to persist task data across page reloads. Additionally, it features a priority filter to display tasks with priority status.
My project utilizes React Router DOM to manage navigation within my React application. By defining routes and linking them to specific components, React Router DOM enables seamless navigation between different pages or views based on the URL. This integration enhances the user experience by providing a structured and intuitive way to navigate through the various sections of the application.
In my development process for the ECU Boost website, i leveraged React Router DOM to organize and navigate between different sections of the application. By defining routes for specific URLs and associating them with corresponding components, i effectively controlled the rendering of content based on user interactions. This approach enabled us to create a structured and intuitive user experience, ensuring easy navigation and access to relevant information throughout the website.