Code Monkey home page Code Monkey logo

Muhammad Afnan Khadim's Projects

age-calculator icon 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.

bmi-calculator icon 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.

calculator icon 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

check-password-strength icon 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.

circular-progress-bar icon 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.

coming-soon-webpage icon coming-soon-webpage

Our Website Coming Soon Page project adds a touch of anticipation to your website launch. With a stylish design and a countdown timer updating every second, users can see the remaining time until the website goes live. JavaScript handles the countdown functionality, while HTML and CSS create an attractive and engaging page layout.

contact-form-validation icon 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.

cryptocurrency-website icon 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.

currency-converter-app icon 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.

custom-dropdown-menu icon 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.

digital-clock icon digital-clock

Our Digital Clock Project exemplifies HTML, CSS, and JavaScript's collaboration, offering a minimalist interface displaying precise time, including AM/PM, adjusted to local time zones. Accessible across devices, it ensures time is always at your fingertips.

drag-drop icon 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.

gemini-clone-using-react icon 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.

gender-predict-app icon gender-predict-app

Our Gender Prediction App simplifies determining name genders. With JavaScript and an external API, users input a name to instantly see if it's associated with boys or girls, showcasing JavaScript's real-time data handling.

image-search-engine icon 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.

image-sliding-gallery icon image-sliding-gallery

Our Image Sliding Gallery project brings creativity to life with a horizontal scroll layout for images. Using CSS animations, we've added a touch of elegance by smoothly scaling images on hover. Additionally, when the cursor hovers over an image, it reverts to its original color, creating a captivating visual effect.

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.