3d-boxes-background

A rectangular box with an image in the background When the magic button is clicked, the big box splits into 16 small parts, breaking the background-image into sixteen parts to look like a 3D model.

airbnb-nextjs-front-end

Home page of popular booking website Airbnb is built with next.js and Headless CMS (sanity CMS).

airbnb-server-sanity-cms

About Backend of popular booking website Airbnb is built with next.js and Headless CMS (sanity CMS).

animated-countdown

An awesome animated countdown effect where the countdown numbers from the right site will appear in the middle of a container and will be animated from the left side and disappear into the dom

animated-navigation

Animated navigation where when you click on a menu button, it animates to the right and expands to reveal menu options.

animated-sign-up-form

This is a registration form where on clicking the signup button there is a signup banner and button across the 40 per cent left side. On the right side, 60% of the space is covered by the signup form, and when toggled, 100% is covered by the banner.

assignment-four

assignment-six

assignment-three

assignmnet-five

auto-text-effect

A very common is an auto typing effect application where an entire sentence is displayed through a typing effect.

background-slider

This is a photo slider app where as the slide photo changes, its background image will change.

bank-website

basic-crud-node-postgresql-backend

Developed a very basic level backend using the popular database PostgreSQL. In this app, I practiced the normal version of CRUD operation using Node and Express servers.

button-ripple-effect

This is a simple button normal ripple effect when the button is clicked a triple web will be created from the position the button is held in.

chat-app

A mobile app development team project. I and my other teammates were trying to build a chat application using react native and export CLI for Android Mobile.

chess-game

A very simple chess game built with vanilla javaScript that has almost all the features and activities of a chess game.

content-placeholder

A skeleton loading content placeholder that displays the original content after a while.

coursepad-react-redux-team-project

Cousepad is mainly a course selling or e-learning platform landing page UI development project where we were using React and the awesome state management tool Redux.

custom-checkbox-good-cheap-fast

A cool custom checkbox that looks a bit like a switch and can be toggled on and off with a nice animation.

custom-range-slider

This is a custom range slider that is custom-made from sliders and the value that is coming from the slider, it's displayed at the top. The score container position is moving according to the slider values.

dad-jokes

A humorous application where jokes are randomly generated using a third party API.

data-structures-algorithms-with-javascript

Practiced data structures and algorithms using JavaScript.

design-resources-for-developers

Curated list of design and UI resources from stock photos, web templates, CSS frameworks, UI libraries, tools and much more

dnd-board

Discover a user-friendly drag-and-drop board resembling a Kanban setup. Easily create, move, and edit columns with a click. The application, built with React JS, dnd-kit, and Tailwind CSS, allows seamless organization without relying on a database. Effortlessly manage tasks and their positions within a simple, single UI interface.

doctor-portal-client

a simple appointment booking system for clinics where you can take an appointment with a doctor and their different types of services and take many services.

doodle-jump

Doodle Jump JavaScript Game

double-click-heart

In this project, a heart reaction is generated on double clicking on the subject image and the number of times the reaction is given is counted.

double-vertical-slider

An awesome vertical slider that is able to translate along the Y-axis and with a nice animation clicking the up and down buttons will continue to slide.

drag-n-drop

A very simple drag-and-drop project using the HTML drag-and-drop API.