Arzu Caner's Projects
The project consists of a series of video tutorials in which Wes Bos demonstrates 14 useful tips and tricks for using developer tools in Chrome or Firefox, including features for debugging JavaScript, analyzing CSS, and improving performance.
In this project, use the Fetch API to retrieve data from a remote endpoint and use JavaScript to display that data in real-time as the user types in the search bar. The project also introduces regular expressions, which are used to match the user's input with the data retrieved from the endpoint.
In this project, continue to work with arrays and array methods, but will focus on different methods than those covered in the previous project. The methods covered in Array Cardio Day 2 include some more advanced techniques such as some(), every(), find(), and findIndex().
Array Cardio Day 1 is one of the projects in the JavaScript30 Challenge. This project is focused on helping developers become more proficient with array methods in JavaScript. Specifically, the project covers four different array methods: filter(), map(), sort(), and reduce().
The aim is to create a library containing the applications of the training received.
This project aims to create a personal website that includes information about me, my achievements, projects, and thoughts. I use this platform to share my passion for software development and communicate with other developers.
In this project, designed using CSS animations, it was created specifically for my birthday with my own words and pictures I took myself.
Budget Manage is a user-friendly personal finance management application designed to help you take control of your finances, track income and expenses, and achieve your financial goals.
The card game project, completed using JavaScript, covered various programming practices and was accomplished through three projects. These practices included working with Arrays, Objects, Booleans, If-else statements, Comparison operators, Logical operators, For loops, and the Math object.
LLM Chatbot powered by RAG. The tech stack includes Python, Langchain, OpenAI and Chroma DB vector store.
ChirpX ( Collision of tweets) is a simple Twitter clone application where users can create tweets, like them, retweet them, and reply to them.
This is a Chrome extension that I developed as part of the Scrimba education program. It is designed to enhance your browsing experience and make your daily tasks easier. The extension is written in JavaScript and leverages the power of the Chrome API to provide seamless integration with the browser.
This is a project that allows you to click and drag to scroll through a section of content. This project was completed as a part of the JavaScript 30 Challenge by Wes Bos.
This tool allows you to lighten or darken colors, and was built using HTML, CSS, and vanilla JavaScript. The development of this tool was inspired by the training received from the Scrimba education program, which provided the skills necessary to create the tool
The countdown timer is built using JavaScript, HTML, and CSS, and includes a simple interface with buttons for setting the timer duration and starting and stopping the countdown.
The clock is designed using CSS to create the clock face, hour, minute, and second hands. JavaScript is then used to update the rotation angles of the clock hands based on the current time, making the clock display the correct time in real-time.
The project requires a strong understanding of CSS properties such as text-shadow, transform, and transition, as well as knowledge of JavaScript and DOM manipulation to detect mouse position and update the CSS accordingly.
The project consists of a series of coding challenges that gradually introduce concepts related to customizing the HTML5 video player using JavaScript. Participants will learn how to add custom controls and styling to the video player, as well as how to manipulate the video playback speed and volume.
Discovering Arzu: Step Into My World is a personal website project where I can introduce myself and showcase my skills.
Event capture and bubbling refer to the order in which events are handled by different elements in the HTML document. Event propagation refers to how events are passed from the outermost element to the innermost element in the DOM hierarchy.
In this project, use CSS Flexbox to create a responsive layout that allows the user to click on each panel to reveal more information and a larger image. JavaScript is used to handle the click event and add or remove CSS classes to trigger the animations and transitions.
The project involves creating a web page with a navigation menu that includes links to various sections of the page. When a user clicks on one of the links, the page should smoothly scroll to the appropriate section.
The program uses the Geolocation API to obtain the user's current location, as well as their speed and heading. The speedometer displays the user's current speed in both kilometers per hour and miles per hour.
Global Visa Tracker is a web application that helps users track their visa applications. Users can enter the details of their visa applications, track their current status, and manage them easily.
This is a well-structured HTML and CSS code that creates a webpage called 'Goodness of Nature'. The code uses flexbox for layout and includes a fixed background image, a centered container with an image and content section, and a styled menu and button. The CSS code also includes animations for the button and menu links.
In this project; I used HTML and CSS to create an alternative Google homepage.
The Challenge App is designed to help users track their challenges in a more organized and disciplined way. It provides a user-friendly interface for making commits and monitoring progress towards set goals.