Giter Site home page Giter Site logo

Hi there šŸ‘‹

  • šŸ”­ Iā€™m currently working on ...
  • šŸŒ± Iā€™m currently learning ...
  • šŸ‘Æ Iā€™m looking to collaborate on ...
  • šŸ¤” Iā€™m looking for help with ...
  • šŸ’¬ Ask me about ...
  • šŸ“« How to reach me: ...
  • šŸ˜„ Pronouns: ...
  • āš” Fun fact: ...

šŸŒ Socials:

Facebook Instagram LinkedIn

šŸ’» Tech Stack:

HTML5 JavaScript CSS3 SASS React TailwindCSS Bootstrap Canva Figma Trello

šŸ“Š GitHub Stats:




Ibrahim's Projects

accordion-component icon accordion-component

The provided code represents a React component called "Accordion" that generates an accordion-style UI based on the data passed to it. Each accordion item consists of a title, text, and an optional content box that can be expanded or collapsed by clicking on the item.

age-calculator icon age-calculator

The Git repository contains a project that implements a date calculator application using React.js. The application allows users to calculate the difference in years, months, and days between a user-selected date and the current date.

bubble-game icon bubble-game

The provided code is a JavaScript implementation of a bubble popping game. It involves creating bubbles on the screen and allowing the player to pop them for points.

chips icon chips

This Git repository contains a React application for an online snack store. The application consists of three main components: Header, Main, and Footer.

css-framework icon css-framework

This Git repository contains a custom CSS framework that provides a set of reusable styles and mixins to simplify web development. The framework offers a collection of utility classes, layout components, and responsive breakpoints, allowing developers to rapidly build responsive and visually appealing websites.

currency-converter icon currency-converter

The Git repository contains a simple React application that allows users to convert currency amounts from one currency to another using the Frankfurter API. Upon selection, the converted currency amount is displayed below.

custom-methods icon custom-methods

The provided code showcases two different approaches to extending JavaScript's built-in Number type or creating a custom class for performing arithmetic operations.

date-counter icon date-counter

This Git repository contains a React component called Counter that allows you to increment or decrement a count value. It provides a range input to set the step value for incrementing or decrementing, and displays the resulting count along with the corresponding date.

eat-n-split icon eat-n-split

The provided code represents a React application for managing a list of friends and splitting bills with them. It consists of several components

edie-teamwork icon edie-teamwork

The provided repo represents the HTML and CSS structure of a website named "Edie". The website appears to be a design and development agency showcasing their services and projects.This project is my first teamwork project

fast-react-pizza-co icon fast-react-pizza-co

This Git repository contains a React application that showcases the menu of Fast React Pizza Co. It provides an interactive interface where users can view various pizza options, their ingredients, prices, and availability status. The application is built using React components and utilizes React Router for navigation.

first-react-assignment icon first-react-assignment

The Git repository contains a project that implements a checkout page for an online store. The page is built using React.js and styled with CSS modules for component-specific styling.

flashcards icon flashcards

This Git repository contains a React component called FlashCards that displays a set of flashcards. Each flashcard consists of a question and an answer. When a flashcard is clicked, it toggles between showing the question and the answer.

furniture-e-commerce-website icon furniture-e-commerce-website

This Git repository contains the source code and assets for a Furniture E-Commerce website. The website is designed to showcase and sell various furniture products, and it provides a user-friendly and visually appealing experience for customers.

geolocation-app----get-your-gps-position icon geolocation-app----get-your-gps-position

The Geolocation App is a simple React-based web application that allows users to retrieve their GPS position using the browser's geolocation API. Users can click a button to request their current location, and the app displays the latitude and longitude coordinates along with a link to OpenStreetMap, where users can view their location on the map.

hex-color-generator icon hex-color-generator

The provided code is a simple JavaScript program that generates random colors in hexadecimal format and allows the user to copy the generated color code.

how-react-works icon how-react-works

The Git repository contains a React application that demonstrates the implementation of a tabbed interface with different functionalities for each tab. The application uses React's useState hook for managing state and allows users to interact with each tab to show/hide details, increment likes, and perform undo actions.

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.