all projects

AirBnB Homepage Clone
01.

AirBnB Homepage Clone

When I discovered the stunning Hero illustration featured on Airbnb homepage, I decided to create this Airbnb homepage clone. I used a date library, react-date-range, for choosing dates and date ranges when the user clicks on search button, as well as beautiful icons from Material UI.

React
Hex Color Generator
02.

Hex Color Generator

I joined 30DaysOfReact Challenge created by Asabeneh Yeatayeh in 2020. In this challenge, the participants get to practice small exercises and solve some challenging problems and build some projects. This is my solution to Day 27 challenge, building hexadecimal colors generator. Try the button to generate a new set of colors! You can also try to copy the hex code to the input field.

React
Netflix clone
03.

Netflix clone

Hey! Would you like to see what's on Netflix? Check out my Netflix clone, built using React and theMovieDB, and see what films are trending now. Click on the posters to see movie trailer streamed from YouTube. Click on the search icon, you could also search for films and their information.

React
Twitter Feed (old version)
04.

Twitter Feed (old version)

This is another project from 30DaysOfReact challenge I enjoyed developing a lot. This twitter tweets (old version) challenge required the implementation of CRUD (Create Read Delete and Update) functionality in the app. Try to post a tweet, you can see the word count functionality in use as well.

React
World Countries Data Project
05.

World Countries Data Project

This is also a project I built in 30DaysOfReact challenge. I used axios to fetch data from countries API and displayed the country information on the page. Click on the input field and try a search for a country by name, capital or language.

React
React e-commerce website
06.

React e-commerce website

A simple e-commerce furniture store is built using React and Contentful.

React
Responsive webpage project
07.

Responsive webpage project

This simple responsive webpage was built using HTML, CSS and JavaScript. I used media queries to change the grid display to make the page fully responsive.

htmlcssvanilla javascript
Webinar landing page
08.

Webinar landing page

I built this webinar landing page based on the design by Moqups. The timeline was created using pure CSS. If you are interested in seeing the original wireframe template by Moqups, please check out the link: https://moqups.com/templates/wireframes-mockups/webinar-landing-page/

htmlcssvanilla jvascript