Arzu Caner's Projects
In this project, participants will learn how to detect when the user enters the Konami code on their keyboard, and how to trigger a series of events in response. They will also learn how to create animations and manipulate the DOM using JavaScript.
The project involves creating a web page that allows users to add and remove items from a to-do list. The items are stored in the browser's local storage, which allows the list to persist even if the user navigates away from the page or closes the browser.
This is a JavaScript practice about calculation.
The project consists of a series of coding challenges that gradually introduce concepts related to drawing on the canvas element, manipulating colors, and detecting mouse events in JavaScript. Participants will learn how to use the canvas element to draw shapes, lines, and text, and how to change the stroke and fill styles.
The project consists of a series of coding challenges that gradually introduce concepts related to creating and animating elements in JavaScript. Participants will learn how to use the Intersection Observer API to detect when an element enters and exits the viewport, and how to use CSS transitions and animations to create smooth sliding animations.
Women Who Code London - Mentorship
The project typically involves creating a user interface that allows users to start and stop the speech recognition process, as well as displaying the transcribed text as it is recognized.
This is a JavaScript project that allows you to count the number of passengers in a vehicle. It includes a simple interface with buttons for incrementing and decrementing the passenger count, as well as a reset button to start over.
This project is my first experience with using HTML and CSS. This is Personal Website.
This project was created as part of the Christmas Coding Challenge 2022 organized by Who Women Code London. The app is designed to allow users to explore and discover new books based on their interests. It was built using React, a popular JavaScript library for building user interfaces, and Tailwind, a utility-first CSS framework.
This project was developed within the framework of the Christmas Coding Challenge 2023, organized by Who Women Code London. It is a chess game developed using React.
React TriviaQuest Challenge is an interactive trivia quiz application developed using React. This project provides users with a fun experience to test their general knowledge and information.
The project consists of a series of coding challenges that gradually introduce concepts related to referencing and copying in JavaScript. Participants will learn how to create new arrays and objects that are copies of existing ones, as well as how to reference existing arrays and objects without creating new ones.
he project involves creating a web page with an interface that allows users to adjust the values of CSS variables dynamically, and see the changes reflected in the webpage in real-time.
The goal of the project is to create a JavaScript function that takes an array of band names as input and returns a new array with the band names sorted alphabetically, without taking into account any articles (i.e. "the", "a", or "an") at the beginning of the name.
The Speech Synthesis project is one of the 30 coding challenges designed by Wes Bos. This particular challenge focuses on using the Web Speech API to build a simple text-to-speech application that can convert written text into spoken words.
This project is part of the 30-Day Vanilla JS Coding Contest created by Wes Bos. The goal of the project is to create a sticky navigation exercise where effects are applied to a scroll-activated web page. The code is written in pure JavaScript without the use of any frameworks or libraries.
The project involves creating a dropdown menu that appears to "follow along" with the mouse as it hovers over the different options.
The program should be able to handle any number of time strings, including those with minutes greater than 60. The final output should be a string representing the total time in the same format as the input, with minutes and seconds separated by a colon.
This repository houses the source code and assets for "TravelBrew" an useful React Native app that shows nearby gas stations, cafés, and restaurants. It was designed by our team for the WWCode App Deploy Hackathon 2023.
This project is an e-commerce website developed using Next.js, TypeScript, Prisma, MongoDB, and Tailwind CSS.
This Unit Testing consists of Jasmine, The 3 parts of testing, The testing setup, Grouping with describe, Setting up data, Skipping Focusing, Spies Mocks, Debugging, Additional matches.
The project requires knowledge of HTML, CSS, and JavaScript, as well as familiarity with the getUserMedia() API and canvas element. The application will capture video from the user's webcam and display it on the webpage. Users can then apply filters and effects to the video, such as color adjustments, pixelation, and image masking.
This project is part of the 30-Day Vanilla JS Coding Contest created by Wes Bos, also known as the JavaScript30 Challenge. The goal of this project is to exercise the playback speed of a video player using JavaScript. By adjusting the speed of the video, users can watch videos in slow motion or at a faster pace.
This is an E-Commerce platform developed using Node.js, MongoDB, and Express.js. It allows users to browse and purchase products, manage their shopping cart, and place orders.
The Whack-a-Mole game is a classic arcade-style game where the player tries to hit as many randomly appearing moles as possible within a set time limit. This particular version of the game was created as part of Wes Bos' JavaScript 30 Challenge using HTML, CSS, and vanilla JavaScript.
The 'When Women Understand' project, designed for the Women Who Code Hackathon Social Good 2023, has won the "Outstanding Social Impact Award" for empowering women to recognize and combat physical and psychological abuse, addressing its hidden nature.