This project was built with the aim of learning usage of useState.
This project was built with the aim of learning fetching data with useEffect() and useState().
In this project useEffect() and useState() were used and have been practiced.
This project was built with the aim of learning fetching data with useEffect() and useState().
In this project toggle logic has used.
In this project buttons can render the menu for the choosen category by the user.
This project contains small data to display as the user select the company in the resume.
In this project slider logic was implemented with useState() and useEffect().
I practiced this project in order to test my knowledge about the information I learned until this stage. Zara's website is one of my favorite minimal websites. That is the reason why I have chosen it to get inspiration from. I practiced the logic that I applied before in which the buttons can render the menu with the category chosen by the user. Data is collected by me. Photos were taken from pinterest and information(price,title) taken from Zara.
Open https://melisnurverir-fashionproject.netlify.app/ to view it in your browser.
In this project a the amount of paragraph selected by user generated and form component implemented.
This project generates shades and tints of the color entered by user as an input. When the color clicked, the hex code copied the clipboard.
In this project data is persisted with LocalStorage.
In this project useRef,useState and useEffect is used to design a navbar.
This project contains submenu component where it changes when the user mouse moves and modifies the size of the menu with coming data. useRef, useState, useEffect and useContext is used.
Open https://melisnurverir-luna-menuproject.netlify.app/ to view it in your browser.
In this project search component was implemented with fetch data from CocktailDB API.
Open https://melisnurverir-cocktaildatabaseproject.netlify.app/ to view it in your browser.
In this project I practiced fetching data from themealdb. First database is for displaying the meals according to the search term that the user enters and second database is for the details of a single meal fetching the data by selected meal's id. I applied navbar and submenu components.
Open https://melisnurverir-foodhuntproject.netlify.app/ to view the project in your browser.
In this project data is fetched from Makeup API and brand search, item details datas are fetched seperately. This project's inspiration was Sephora's website.
A simple travel planner/advisor responsive website with react router and card component.
This project was built with the aim of learning usage of fetching a nested data.
This project was built with the aim of learning fetching data with custom useFetch() function as well as useEffect() and useState().
Open inn-travel.netlify.app to view it in your browser.