ismail hocine image

Ismail Hocine

I translate ideas into interactive web solutions.

I’m a web Developer specializing in building exceptional digital experiences. Currently, I’m looking for new opportunity

< About Me />

an old car

I'm a full-stack web developer with a Computer Science degree and over 5 years of professional experience. Specializes in building scalable, high-performance web applications using modern JavaScript frameworks like React.js and Node.js. Proficient in developing complex, data-driven systems with real-time capabilities. Experienced in architecting robust backend structures, creating dynamic front-end interfaces, and optimizing application performance. Skilled in mentoring junior developers and implementing best practices to ensure code quality. Committed to delivering innovative solutions that enhance user experiences and drive business value across various industries.

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

  • JavaScript
  • React
  • Node.Js
  • TypeScript
  • React Native
  • GraphQl

< Articles />

image project of How to Use Memoization to Reduce Server Requests and Load Times
image project of How to Use Memoization to Reduce Server Requests and Load Times

How to Use Memoization to Reduce Server Requests and Load Times

Learn how to optimize website performance using Memoization to Enhance web development skills for faster, efficient websites. Step-by-step examples and explanations for implementing Memoization in React applications. Reduce server requests, improve load times, and enhance user experience.

  • React
  • HTML5
  • TypeScript

image project of How I Scaled Notifications to Millions of Users — And What I’d Do Differently Next Time.
image project of How I Scaled Notifications to Millions of Users — And What I’d Do Differently Next Time.

How I Scaled Notifications to Millions of Users — And What I’d Do Differently Next Time.

As a Full-Stack developer, I’ve always been fascinated by the challenges of scaling systems to handle massive user bases. Recently, I faced a particularly interesting problem: how to efficiently handle post creation and notifications for millions of users. In this article, I’ll walk you through the problem, the limitations of traditional approaches, and the solution I implemented using PostgreSQL, Prisma, Bull, and Redis.

  • nodejs
  • Bull
  • Redis
  • Prisma
  • PostgreSQL

image project of Boost React Performance with Intersection Observer API for Image Loading
image project of Boost React Performance with Intersection Observer API for Image Loading

Boost React Performance with Intersection Observer API for Image Loading

Learn how to optimize website performance using Intersection Observer API. Efficiently load images, reduce page size, and create seamless user experiences. Step-by-step examples and explanations for integrating with React. Enhance web development skills for faster, efficient websites.

  • React
  • TypeScript
  • Intersection Observer API

image project of Making React Tables Less Painful: Introducing `ih-dynamic-table` 🚀
image project of Making React Tables Less Painful: Introducing `ih-dynamic-table` 🚀

Making React Tables Less Painful: Introducing `ih-dynamic-table` 🚀

Tired of implementing table features like searching, sorting, and pagination over and over in React? ih-dynamic-table is here to save you time and simplify your workflow by shifting heavy lifting to the backend. Discover the powerful features of this table package and how it can make your React apps more efficient.

  • React
  • Typescript

image project of Why Your 'Secure' Auth Flow Isn't Secure Enough.
image project of Why Your 'Secure' Auth Flow Isn't Secure Enough.

Why Your 'Secure' Auth Flow Isn't Secure Enough.

Why New Developers Accidentally Leave Backdoors in Their Apps — And How to Fix It

  • Jwt

< Highlighted Projects />

image project of E-Learning Platform
image project of E-Learning Platform

E-Learning Platform

This project is platform is an online learning marketplace tailored to the Algerian community, allowing users to teach and take courses across various subjects. It fosters educational growth by connecting local teachers and learners, offering accessible and high-quality content.

  • Strapi
  • React
  • JavaScript
  • Styled-Components
  • Bootstrap
  • PostgreSQL

image project of Freelance services marketplace
image project of Freelance services marketplace

Freelance services marketplace

Developed a secure and user-friendly platform for buying and selling digital services.

  • Strapi
  • HTML5
  • Angular
  • CSS3
  • TypeScript
  • Bootstrap
  • PostgreSQL

image project of Lazy Images Gallery
image project of Lazy Images Gallery

Lazy Images Gallery

Lazy-Images-Gallery is a dynamic image gallery that utilizes lazy loading techniques inspired by popular platforms like Unsplash and Pinterest. This project leverages the Intersection Observer API to efficiently load images as they come into the viewport, enhancing performance and user experience.

  • TypeScript
  • React
  • Styled-Components

image project of Sovece8.com
image project of Sovece8.com

Sovece8.com

This project is a student-centered platform for knowledge sharing and collaboration, where students can ask and answer questions, and connect with teachers for support. It provides an interactive and dynamic environment for learning.

  • React
  • Styled-Components
  • JavaScript
  • PostgreSQL
  • Node.js
  • GitLab CI/CD

image project of Amana Transfers
image project of Amana Transfers

Amana Transfers

This project is a platform that enables users to send money from anywhere in the world to their family in Algeria. It allows users to deposit funds into a virtual wallet and make transfers through various methods such as cash pick-up, bank deposit, and home delivery.

  • React
  • HTML5
  • CSS3
  • JavaScript

image project of Darna Deco
image project of Darna Deco

Darna Deco

An e-commerce website that allows users to filter products by price, size, and category. The platform features product slideshows and a user-friendly form for easy order placement. The integration of a REST API and Firebase ensures seamless functionality for a smooth user experience.

  • React
  • JavaScript
  • CSS3
  • HTML5

< Other Projects />

image project of Sleek city explorer
image project of Sleek city explorer

Sleek city explorer

sleek city explorer! 🏙️ With a minimalist frontend fetching data from a robust backend API, this project showcases cities worldwide. Each city card offers a glimpse into its charm, and with a simple click, a modal unveils detailed information and a dynamic map powered by OpenMapmore. Explore the world, one city at a time, with this elegant and user-friendly application!

  • Node.js
  • Express.js
  • React
  • TypeScript

image project of Wasla Delivery
image project of Wasla Delivery

Wasla Delivery

The project is a mobile app that allows users to request delivery to their current location and track it in real-time. It uses GPS to determine location and provides a simple interface for placing requests and tracking deliveries.

  • React
  • JavaScript
  • React Native
  • Node.js
  • MongoDB

image project of Quiz Online
image project of Quiz Online

Quiz Online

The project is an online quiz for JavaScript that allows users to test their knowledge and skills on the language with a set of questions related to JavaScript, each with a designated time limit. After completing the quiz, users can view their results, including their score, and it provides a convenient and interactive way to improve understanding of JavaScript and track progress..

  • React
  • JavaScript

image project of Online editor Code
image project of Online editor Code

Online editor Code

I have built is an online code editor that allows users to write and execute JavaScript and HTML code, and view the results directly in the browser. The platform also allows users to create new files and delete existing ones, providing flexibility in managing their projects. Additionally, the platform can be used as a tool for learning, as it allows users to experiment with different code snippets and see the results in real-time.

  • React
  • JavaScript

image project of Task Master
image project of Task Master

Task Master

TaskMaster, the ultimate task management solution. Seamlessly create accounts without passwords and effortlessly access them upon return. Create tasks with customizable colors, delve into nested checklists for structured project management, and employ color-coded to-do items with emojis for clarity and efficiency. TaskMaster streamlines your workflow, making productivity effortless and intuitive.

  • Node.js
  • Express.js
  • React
  • TypeScript
  • Offline-first strategy
  • Cypress
  • PWA

image project of Recorder and Music Player
image project of Recorder and Music Player

Recorder and Music Player

The Recorder and Music Player project is a dynamic application that combines the functionalities of a voice recorder and a music player. It provides a seamless experience for recording your own audio and enjoying your favorite music tracks. The project utilizes modern technologies, such as React and TypeScript, to deliver a reliable and user-friendly interface.

  • React
  • JavaScript

< Contact />

I am open to new opportunities and eager to connect with like-minded individuals. Whether you have an idea to share or just want to say hello, feel free to reach out to me. I'll make sure to respond promptly. Contact Now or ismailhocine93@gmail.com

Contact
contact