Giter Site home page Giter Site logo


Let's dive into some cool projects:

  • πŸš€ Netflix Clone - Crafted with React, JavaScript, πŸ”₯ Firebase, and πŸŽ₯ React-Youtube.
  • 🏑 Airbnb Clone - Built using πŸš€ Next.js, 🎨 TailwindCss, and πŸ—ΊοΈ Leaflet.

Discover more on GitHub.

  • πŸš€ Currently diving into JavaScript and React .

  • πŸ’΅ Ready for new Web Dev projects. Let's bring your ideas to life!

  • πŸ’‘ Questions about HTML, CSS, JavaScript, or React? Ask me!

  • πŸ“« Reach me at Gmail. Let's build something amazing!

  • ⚑ Fun fact I love gaming



πŸ‘¨β€πŸ’» All Technology


πŸ“š Frameworks and Libraries πŸ’» Languages & Frontend dev 🎨 CSS Frameworks πŸ› οΈ Tools
React Next.js Redux React YouTube HTML CSS JavaScript TypeScript Bootstrap Tailwind CSS VSCode GitHub Figma Git Vercel Firebase


πŸ—Ώ GitHub Stats


mansoorcode

Mansoor Khan's Projects

03-react-todo-list icon 03-react-todo-list

here is the simple todo created in react in which you can add you todo delete todo and also edit your todo here I have handle data by using context Api and useReducer hook

04-3d-text-hover-effects icon 04-3d-text-hover-effects

3d-text-effect is just a fun way to represent the hover and variable of CSS with rotation my aim is to convert this project into the 3d watch in future. Live link :

05-water-wave-animation icon 05-water-wave-animation

In this project I wanted to show that you can make animation in which the image of water behave just like a water flow in a cup

06-border-animation icon 06-border-animation

in this border rotation animation which can be use as loading animation or as the representation for the web site with their logo.

07-css-button-hover-effect icon 07-css-button-hover-effect

In this project when you hover over the button you will the different color are looking behind the button quit nice right.

08-css-loading-effect icon 08-css-loading-effect

loading effect is generally a loader who change it's color because of filter-hue property during rotation of it's group of elements which contents variable

09-task-recaller-checkbox icon 09-task-recaller-checkbox

This project is reference of to-do list which comes under the check-box so you can set the one-task for everyday life which important for you.

10-css-type-writer icon 10-css-type-writer

writing is human nature and typing is the advance version of writing and here you will see the another version of typing by the help of CSS animation and html in my project

12-portfolio-repository icon 12-portfolio-repository

this is my portfolio where you can see my project which I have add there and also my social accounts

13-product-design icon 13-product-design

In this product design I have make the product card which can be use for online web site who sell the product online.

14-short-sliding-info icon 14-short-sliding-info

short slider info which can be use to show short story with background imag and you can show short news. In this way people also love to read stories , news and I will update it later with new formate

16-responsive-card-ui-design icon 16-responsive-card-ui-design

responsive card UI design best suitable for the product selling website who want give different look to their product during purchase

17-filter-product-js icon 17-filter-product-js

Idea behind from this project is that you can search any item from search bar here I have use javascript for work which will help user to search any products from related products keywords through search bar.

18-small-clock icon 18-small-clock

This is a real time clock which show the real time and you can see my project live link below

19-random-color-generator-js icon 19-random-color-generator-js

here I have use the Math.random() method for generating random number with Math.trunc() for giving integer with help of this here I am able to create color code

21-filter-vowal-from-sentence icon 21-filter-vowal-from-sentence

Here, I have create container where you can put any of your text and get to know how many vowel in there "Don't forgot to click on *TRY IT* "

22-country-card icon 22-country-card

In this project, I used promises to get API data that was then used in the card to show the details of the country and their neighboring country.

airbnb-clone icon airbnb-clone

Recently, I developed an Airbnb website clone using Next.js. The project integrates a calendar system for booking rooms and a map to show the available options, making it a complete package for all your booking needs.

fcc-ower-news-letter icon fcc-ower-news-letter

news letter is a type of form which can take info of visitor if they want to put which help to creator get to now the visitor perspective towards it's content

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.