Front-end web developer | JAMstack
contact meFront-end web developer | JAMstack
contact meThe skills and technologies I regularly use to create projects
HTML5
CSS3
JavaScript
Sass
React
Node
Gatsby
Graphql
Git
GitHub
Netlify
Mongodb
Accessibility
Responsive Design
I'm currently participating in #100DaysOfCode to improve my skills and knowledge in various technologies related to web development. I also have a strong interest in CSS and enjoy creating pure CSS images. Check out my journey here.
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.
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.
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.
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.
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/