<h1> hi, </h1>
Im Ismail.
// My self introduction
Name
 {

   First name:
 Isma
<h2> About me </h2>

I am a skilled and passionate software engineer located in Morocco with expertise in full-stack development.I bring a strong foundation in web technologies and a comprehensive understanding of both front-end and back-end development.

Throughout my learning journey, I have successfully contributed to the creation and maintenance of robust, scalable, and user-friendly web applications.

Here are a few technologies I’ve been working with recently:

  • Python
  • JavaScript
  • TypeScript
  • MySQL
  • CSS
  • HTML
  • golang
  • React
  • Redux
  • Firebase
  • Node.js
  • Express
  • MongoDB
  • TailwindCss
  • Git
  • Jest
  • Docker
  • Vim
<h2> Some Things I've Built </h2>
  • Experience pathfinding algorithms with this visualizer tool, showcasing Dijkstra's, A*, DFS, and BFS, along with a maze generator using the recursive division algorithm.
    Technologies: Html, Css, JavaScript.

    Pathfinding visualiser
  • Visualize different sorting algorithms with this React-based Sort Visualizer. Witness the processes of Selection, Bubble, Insertion, Merge, Quick, and Heap Sort.
    Technologies: React, CSS.

    Sort visualiser
  • Web app enabling note creation, editing, and management with features like responsive design, Google login, categorization, search/filter, and real-time updates.
    Technologies: React, Redux, TypeScript, TailwindCSS, Firebase.

    Google keep clone
  • Open-source search engine. It empowers users to search for relevant information in HTML files within a specified directory using the Term Frequency-Inverse Document Frequency (TF-IDF) method. The search results are then served via a local web interface, prioritizing the most relevant files to the provided query.
    Technologies: HTML, Css, JavaScript,Golang.

    GopherSearch
  • A platform, to streamline restaurant reservation, ordering, and service processes. I developed a responsive React-based web interface for browsing and booking tables, implemented a Node.js and Express backend for user authentication, reservations, and order processing, employed MySQL for data management. The frontend was designed with a visually appealing and user-friendly layout using Tailwind CSS.
    Technologies: React, Typescript, Node.js, Express, MySQL, Redux, Tailwind CSS.

    TableLink
  • Web application that replicates the functionality and user interface of the Gmail email service. Features: responsive design, Google login, email list/view, email composer, Firebase integration for authentication, data storage, and real-time updates
    React, Material-UI , Redux, Firebase, React hook form.

    Gmail clone
  • Web application that replicates the functionality and user interface of the Slack team communication. Features: responsive design, user login, channels/conversations list, messaging system, and integration for user authentication, data storage, and real-time updates.
    React, Styled components, Material-UI, Redux, Firebase.

    Slack clone
  • Web application that replicates the functionality and user interface of the Netflix streaming service. Features: responsive design, user login/profile management, movie/TV show catalog browsing/search, and Firebase integration for user authentication, data storage, and real-time updates.
    React, Material-UI, Redux, Firebase, TMDB API.

    Netflix clone
#Other Noteworthy Projects;

Conway's Game of Life Simulator

Experience Conway's Game of Life with our interactive simulator! Watch mesmerizing patterns emerge as cells evolve based on simple rules. Explore the beauty of cellular automata and witness the captivating dynamics of Life.

  • react
  • typescript
  • tailwindCss

Vim-Be-Good for browser

Browser-based tool that helps users improve their skills in using Vim motions.

  • react
  • css
  • redux

Movea

Movies app fetches movie data from TMDB API and displays it in a beautifully designed UI with smooth animations and has both a dark and light mode.

  • react
  • css
  • context API
  • framer motion
  • TMDB API

Movies Recommender

Indecisive about what movie to watch? Answer 5 questions, and our recommendation engine will handle the rest! Streamline your choices and enjoy the perfect movie night effortlessly.

  • html
  • css
  • javascript

LeetCode patterns

Categorized coding challenges by type and difficulty (Easy, Medium, Hard), offering a dynamic learning experience with a random problem feature. Ideal for mastering algorithmic patterns.

  • html
  • css
  • javascript

To-do list app

Plan, organize, and collaborate on any project with powerful task management that can be customized for every need.

  • html
  • css
  • javascript

Shopify website clone

Shopify website clone

  • html
  • css
  • javascript

Adidas website clone

Adidas website clone

  • html
  • css
  • javascript

Epic games store clone

Epic games store clone

  • html
  • css

Rockstar games website clone

Rockstar games website clone

  • html
  • css

Elzero web school website

Elzero web school website

  • html
  • css

Kasper website

Kasper website

  • html
  • css

Leon website

Leon agency website

  • html
  • css
#Don't be shy, Drop me a line, I'd like to
hear from you!
Thank you for scrolling
all this way!