Bader-Idris
_contact-me

// e-commerce product

e-commerce product

Interactive and responsive e-commerce product page, you can add and remove items from cart and see the total amount of items in the cart, and navigate through the images of the product

// Pricing page

Pricing page

Explore my interactive and responsive pricing page with a variety of plans, offering both yearly and monthly subscriptions. Choose from three main plans tailored to your needs.

// Todo app

Todo app

A todo app that relies on local storage, so you can safely exit the page, and go back when needed. It's a responsive and interactive todo app that allows you to add, remove, mark as done, and filter tasks

// multi-step form

multi-step form

I'm proud to showcase a highly advanced, user-friendly, and visually appealing multi-step form, consisting of 4 steps, including a thank you page, which is a perfect example of how I can successfully connect many DOM elements with a single button, making it a very appealing user experience for clients to click and explore.

// designing agency web app

designing agency web app

A stunning web application designed for a designing agency, showcasing beautiful CSS interactions. The app features an innovative background color conversion effect on hover, as well as various text manipulation techniques, making it a visually appealing and engaging experience for users. As a full-stack developer, I would be delighted to help you bring such a project to life.

// Countries API

Countries API

Explore global data with this sleek, responsive app. Fetch country details, toggle dark/light mode, and search or filter by region effortlessly.

// Random Quotes Generator

Random Quotes Generator

Get inspired with random quotes! This clean, responsive app features a stylish dice button to generate fresh quotes instantly.

// Arabic characters game

Arabic characters game

A competitive game based on Arabic letters using websocket, an advanced deep project built in two months of development. Developed over 250 hours, utilizing Docker, Docker Compose, Nginx, Redis, MongoDB, Nuxt 3, and Nitro 2, with deep experience in Socket.io and Websockets. The project includes SCSS, HTML5, CSS3, and TLS layer management, along with Pinia for state management, totaling around 10,000 lines of code primarily focused on Socket.io, Pinia, and the backend with Nitro 2 and MongoDB.

// building 50 projects with Elzero

building 50 projects with Elzero

under development

find me in:

@bader-idris