Afnan5750
Proficient in HTML, CSS, JavaScript, React,Adobe Illustrator, and Photoshop, adept at creating visually captivating websites with responsive design.
Power Information Technology Company (Ministry of Energy, Power Division)Pakistan
Pinned Repositories
Age-Calculator
Our Age Calculator Project utilizes HTML, CSS, and JavaScript to offer valuable insights with a user-friendly interface. Users input their birth date via a calendar and instantly calculate their age in years, months, and days with a click. Perfect for tracking milestones or planning events, it's a handy tool for anyone curious about their age.
Analog-Clock
BMI-Calculator
Our BMI Calculator Project harnesses HTML, CSS, and JavaScript to promote health awareness with its intuitive interface. Users input their height and weight, and the calculator dynamically computes their BMI, aiding in tracking fitness goals and fostering a healthier lifestyle.
Circular-Progress-Bar
Our Circular Progress Bar project elevates your website's design with a stylish and functional element. Using SVG circles and CSS gradients, we'll create a visually stunning progress bar that animates as the progress increases. JavaScript will handle the dynamic updates, making the progress bar interactive and engaging for users.
Codex-To-Do-List-
College-University-Website-Using-React.js
Cryptocurrency-Website
Our Cryptocurrency Website Header project adds value to your website by displaying live cryptocurrency prices. With JavaScript and jQuery, we'll fetch data from a free API and update the header section with real-time price information. This interactive feature enhances user engagement and provides valuable market insights.
Music-Player
Our Interactive Music Player project enhances your website with a versatile music experience. Users can play multiple songs, control playback with play/pause, next, and back buttons, and view the song's progress with a dynamic progress bar. Additionally, a song playlist with interactive song selection makes music navigation seamless and enjoyable.
Quiz-Game
Our Quiz Game project allows users to answer multiple-choice questions with feedback on their selections. Correct answers are highlighted in green, while incorrect answers are highlighted in red. Additionally, we've added a timer of 5 seconds for each question, enhancing the challenge and urgency of the quiz.
Weather
Dive into the challenge with a dynamic ! Input a city name, and watch as your webpage transforms to display real-time weather information. This project encapsulates the synergy of HTML for structure, CSS for styling, JavaScript for interactivity, and a Weather API for live data.
Afnan5750's Repositories
Afnan5750/Circular-Progress-Bar
Our Circular Progress Bar project elevates your website's design with a stylish and functional element. Using SVG circles and CSS gradients, we'll create a visually stunning progress bar that animates as the progress increases. JavaScript will handle the dynamic updates, making the progress bar interactive and engaging for users.
Afnan5750/Codex-To-Do-List-
Afnan5750/College-University-Website-Using-React.js
Afnan5750/Music-Player
Our Interactive Music Player project enhances your website with a versatile music experience. Users can play multiple songs, control playback with play/pause, next, and back buttons, and view the song's progress with a dynamic progress bar. Additionally, a song playlist with interactive song selection makes music navigation seamless and enjoyable.
Afnan5750/Calculator
Our Calculator App, built with HTML, CSS, and JavaScript, features a sleek interface for practical solutions. Users easily perform mathematical operations with buttons for addition, subtraction, multiplication, and division, displaying instant results. Whether for budgeting, equations, or simple calculations, our versatile app is an ideal companion
Afnan5750/Check-Password-Strength
Our Check Password Strength project empowers users by displaying the strength of their passwords in real-time. As users enter their passwords, the input field's border color changes to reflect the password's strength level. They can also toggle password visibility using an eye icon for added convenience and security.
Afnan5750/Codex-Blog-
Afnan5750/Codex-Counter-
Afnan5750/Codex-E-commerce-Store-
Afnan5750/Codex-Weather-
Afnan5750/Contact-Form-Validation
Our Contact Form Validation project adds an extra layer of reliability to your website's contact form. JavaScript validation ensures that fields like name, email, phone number, and message are filled correctly before submission. Additionally, integration with Google Sheets API enables efficient data collection and management.
Afnan5750/Currency-Converter-App
Our Currency Converter App provides a user-friendly interface for users to input an amount, select source and target currencies, and instantly view the converted amount. Powered by JavaScript and an external API, it showcases JavaScript's capability in handling real-time data and enhancing financial functionalities.
Afnan5750/Custom-Dropdown-Menu
Our Custom Dropdown Menu project adds a touch of creativity to your website's user interface. When the select field is clicked, the dropdown options open with a rotating icon, providing a visually engaging experience. Users can select options, and the chosen option appears in the select field, enhancing usability and aesthetics.
Afnan5750/DEP-Blog-
Afnan5750/DEP-e-commerce-
Afnan5750/DEP-Portfolio-
Afnan5750/DEP-RealTimeChat-
Afnan5750/DEP-Tasks
Afnan5750/Drag-Drop
Our Drag and Drop project introduces an interactive element to your website. Users can drag HTML elements from one block to another, showcasing the versatility and user-friendly nature of drag and drop functionality. JavaScript events such as "dragstart," "dragover," and "drop" enable smooth and intuitive interactions.
Afnan5750/Gemini-Clone-Using-React
Engaging charts and graphs to display collaboration data. Customizable profiles for team members, enhancing collaboration. Live updates on project progress and contributions. User authentication for data privacy and security. Optimal viewing experience across devices for seamless collaboration.
Afnan5750/Image-Search-Engine
Our Image Search Engine project revolutionizes how users find and access images online. With a simple search functionality powered by JavaScript, users can quickly discover relevant images and explore a rich collection of visuals. This project showcases the versatility of JavaScript in creating dynamic and interactive web experiences.
Afnan5750/Image-to-Slider-Converter
Afnan5750/mafnankhadim.github.io
Afnan5750/Popup-Notification
Our Popup Notification project adds a touch of interactivity to your website. When a user submits a form or performs a specific action, a popup notification will appear, providing feedback, alerts, or messages. We'll also incorporate CSS transitions to add smooth animations to the popup, enhancing the overall user experience.
Afnan5750/portfolio.
Afnan5750/Random-Color-Generator
Our Random Color Background Generator is a fun addition to web design, allowing users to change background colors with a click and view hex codes instantly for easy integration into projects. This project highlights JavaScript's versatility in crafting interactive web elements.
Afnan5750/Restaurant-Reservation-Using-MERN-Stack
Afnan5750/Signin-Signup-Using-MERN-Stack
Our sign-in/sign-up app offers seamless registration, secure storage of user data in MongoDB, JWT-based authentication for data security, and personalized welcome pages. It features responsive design for all devices and real-time updates for enhanced user interaction. Join us in revolutionizing user authentication and personalized experiences!
Afnan5750/testcracker
Afnan5750/Working-Email-Subscription-Form-With-Google-Sheets
The project streamlines website subscriptions: users input emails to subscribe, and data goes to Google Sheets for tracking. JavaScript manages form submissions and Google Sheets integration for efficiency.