Welcome to Nazeed's Portfolio

@2023 Nazeed khan

Great Development
leads to Great Designs which return Great Business

Web Designer

I like to design websites with beautiful and smooth interfaces which attract more viewers

DSA Programmer

Currently, I am learning Data Structures and Algorithms with C++. I do Leetcode questions on the daily basis as to nourish my skill more and more.

Mechanical Engineer

I'm in my 3rd Year of Mechanical Engineering from Jamia Millia Islamiya, NewDelhi.

Full Stack Web Developer

I am a frontend && backend web developer with a passion for building beautiful and functional websites.

@2023 Nazeed khan

My Projects Section

All

UI/UX

Web App

React JS

MERN App

Scroll Animation

Scroll Animation works when a user go down inside a web page. It automatically adds content according to the height provided by the user during scrolling.

UI/UX

Testimonial Box

This Project is same just like a Testimonials site which show a box and have information in it of the user and box changes after 10 seconds

UI/UX

Form Input Wave

During login or signup , input moves in a wave like motion which is so great to look into. This is a part of my mini projects on HTML5, CSS3 & JavaScript advanced topics.

UI/UX

Animated Navigation

This project gives a cool impact when a user click on it .I used CSS's animations and transitions in it. This is a part of my mini projects on HTML5, CSS3 & JavaScript advanced topics.

UI/UX

Double Vertical Slider

This project contain two buttons with two screens and if you click on any of the buttons then both the screens changes.

All

Rotating Navigation

Rotating Navigations gives a very cool impact on a website. Well, it was easy to do this mini-project. Just some JavaScript Technique and done.

UI/UX

Toast Notifications

In this Project, I created a button and on clicking on it, website will send you a message on the same screen with randomly color of border line. Also works on multiple click at the same time.

UI/UX

Random Image Feed

I used a API to fetch different type of photographs to arranged them in a manner. This is a part of my mini projects on HTML5, CSS3 & JavaScript advanced topics.

All

Background Slider

In this Project, there are some photographs which I tried to show in background also. Plus, I created forward and backward button to move ahead and change pictures

All

Incrementing Counter

This project start it counts from 0 and ends at what values passed to it. Basically, It ends up when done counting.

All

Drag N Drop

This is a part of my mini projects on HTML5, CSS3 & JavaScript advanced topics.

All

Custom Range Slider

This project has a slider which ranges from 0 to 100, alongside return the number at which you currently sliding.

All

Progress Steps

We find Progress steps in many online platforms like during the payments in amazon, Flipkart, etc. I was wondering about how it works so worked on it

UI/UX

Drink Water

This project is just like a mathematical game, when click on smaller jars, the amount they carry is automatically filed inside the big jar and it also show how is much now to fill it completely.

Web App

Kinematic CSS Loader

This is a part of my mini projects on HTML5, CSS3 & JavaScript advanced topics.

UI/UX

Sound Board

This sound board is actually a Piano. This comes in my favourite project lists. I collected different sounds for this project.

Web App

Movie App

In this project, I used a movies API to fetch the latest data of movies and show it to my website. Additionally, Searching a specific movie is also supported

Web App

Github Profiles

I used Github API to fetch all the users who have github account. This project can search user whose name is written in the search box.

Web App

Food Delivery App

This is a Frontend Design of a Food delivery app. I used HTML & CSS to build this and some media-queries to make it responsive

UI/UX

Password Generator

This cool project can generate password according to the user need. This is a part of my mini projects on HTML5, CSS3 & JavaScript advanced topics.

Web App

Expanding Cards

This project is a part of my practicing HTML, CSS and JavaScript Advanced Topics. JavaScript Functions 'add' and 'remove' inside Classlist helps me to complete this mini Project.

UI/UX

Auto Text Effec

This project show auto text effect on a given speed. Speed can be change by clicking on '+' button and vice versa.

All

Todo's Lists

In this project, user can write some todo's, can delete that todo and can disable it. All the data stores in Local Storage of the System

Web App

Good Cheap fast Checkboxes

This project is very simple, just if conditions I used in JavaScript and CSS3 for its design.

All

Hidden Search Widget

This Searching widget is hidden until you click on it. Sounds amazing? Yes, it is in real as well. It gives a cool effect and users enjoy these types of animations.

UI/UX

Double Heart Click

This webapp project show a heart when a user double click on it. This is a part of my mini projects on HTML5, CSS3 & JavaScript advanced topics.

UI/UX

Content Placeholder

Just like a Bootstrap component's i.e; CARDS. In this project I created a Card which show a picture and a heading and a paragraph. I also added Date feature.

All

FAQ

I created this project to know about how FAQ's of another websites open and close. If you click on downward arrow it opens and on touch at cross button, it closes. It's behind the scene functioning is al about JavaScript and CSS3's animations & transition.

UI/UX

Theme Clock

This Project gives you correct time according to your current Location. In addition, I added a Dark theme feature to enable it for dark mode screen.

Web App

Random Choice Picker

This is a part of my mini projects on HTML5, CSS3 & JavaScript advanced topics.

All

Drawing App

In this webapp, increment and decrement of size of painting tool is supported. Anyone can paint in its screen and created drawing can be easily removed by just clicking on cross button. I added the Color Panel to change the color of pen and tools.

Web App

Netflix Navigation

Just like in Netflix, the Navigation bar comes and go with an animation. Similarly, this project also depicts the same thing.

All

Insect Catch Game

This is a weird type of webapp game. Selected insect comes in the game screen and timer starts automatically Plus Score counter increase if a insect is catched.

Web App

Sticky Navbar

In this project, I created a Navbar which is Sticky means it do not moves from its position even after scrolling to the very end of web page. Navbar change its appearance after a certain margin of scrolling.

Web App

Quiz App

This project counts the number of correct answers, a user gives during the quiz and after finishing quiz questions, this app show result in last.

Web App

Flipkart Frontend Clone

I tried to copy the Frontend design of Flipkart website for which I used HTML5, CSS3 & Bootstrap, but It is not responsive yet.

All

Button Ripple Effect

This is a part of my mini projects on HTML5, CSS3 & JavaScript advanced topics.

All

My Notes Making App

This is a React JS based notes making app with a beautiful interface and very smooth to use. The data is stored in Local Storage of devices so no one can access others data.

React JS

Event Keycodes

This project was little bit confusing for me during the production. It responds when a user click a key (any key) and returns that entered key's Code & keycode.

All

@2023 Nazeed khan