Hussein Kandil

Web Developer

About

I am a lifelong learner who has taken numerous courses across various fields, primarily in multimedia and visual arts. However, after completing my first programming course in late 2021, I became eager to learn even more.

My focus is always on concepts, rather than tools, which helps me solve problems I encounter, regardless of the tools I use.

Projects

Don't judge a developer's work by its UI.

Odin Where's Waldo

Screenshot of the Odin Where's Waldo game.

A web-based "Where's Waldo" game built with Angular as part of studying the Node.js course at The Odin Project.

  • Angular
  • Tailwind
  • Express
  • PostgreSQL

Odin Blog Author

Screenshot of the Odin Blog Author's home page.

A full-stack blog platform with multi-author support, built with Next.js, Node.js/Express, and PostgreSQL, applying modern application structure and tooling.

  • Next.js
  • Tailwind
  • Express
  • PostgreSQL

Odin Shopping Cart

Screenshot of the Odin Shopping Cart's home page.

A hypothetical store built with React and the Fake Store API, including a custom Express API for handling user authentication.

  • React
  • Tailwind
  • Express
  • PostgreSQL

Odin File Uploader

Screenshot of the Odin File Uploader's home page.

A minimal MVC web app for storing files using Express and PostgreSQL, showcasing features like recursive database queries to navigate file structure.

  • JavaScript
  • Express
  • PostgreSQL

Odin Memory Card

Screenshot of the Memory game.

A small memory game built with functional React components and hooks to manage game state.

  • React
  • CSS

Odin Resume Builder

Screenshot of the Resume Builder app.

A resume builder built with React using hooks and the Context API for shared state management.

  • React
  • CSS

Game Over

Screenshot of the Game Over website.

A JavaScript app that lists games from an external API, structured with class-based OOP principles.

  • HTML
  • JavaScript
  • Bootstrap

Weather App

Screenshot of the Weather App.

A weather app that retrieves and displays API-based weather data using asynchronous JavaScript.

  • HTML
  • CSS
  • JavaScript

Bookmarker

Screenshot of the Bookmarker app.

A basic tool for saving and validating URLs using vanilla JavaScript.

  • HTML
  • CSS
  • JavaScript

Devfolio

Screenshot of the Devfolio's projects page.

A simple portfolio layout built with HTML, CSS, and a few lightweight JavaScript utilities.

  • HTML
  • JavaScript
  • Bootstrap

Mealify

Screenshot of the Mealify's landing page.

A simple landing page layout built using only HTML and CSS.

  • HTML
  • CSS

Odin Battleship

Screenshot of the Odin Battleship.

A Battleship game built with vanilla JavaScript and Webpack, having Jest tests for game logic.

  • HTML
  • CSS
  • JavaScript
  • Webpack

Odin Knights Travails

Screenshot of the Odin Knights Travails.

A small app demonstrating graph traversal concepts through Knight moves in chess.

  • HTML
  • CSS
  • JavaScript
  • Webpack

Odin Todo List

Screenshot of the Odin Todo List.

A todo list app built with vanilla JavaScript and organized using a simple custom module system.

  • HTML
  • CSS
  • JavaScript
  • Webpack

Odin Restaurant Page

Screenshot of the Odin Restaurant Page.

A static restaurant page built with vanilla JavaScript and Webpack, featuring a custom carousel component.

  • HTML
  • CSS
  • JavaScript
  • Webpack

Odin Tic Tac Toe

Screenshot of the Odin Tic Tac Toe's game board.

A tic-tac-toe game with difficulty levels, built with vanilla JavaScript and bundled using Webpack.

  • HTML
  • CSS
  • JavaScript
  • Webpack

Odin Etch-a-Sketch

Screenshot displaying the sketching board of the Etch-a-Sketch app.

A simple drawing board implemented with vanilla JavaScript.

  • HTML
  • CSS
  • JavaScript

Odin Calculator

Screenshot of the Odin Calculator.

A basic calculator built with vanilla JavaScript, implemented without using `eval`.

  • HTML
  • CSS
  • JavaScript

25 + 5 Clock

Screenshot of the 25 + 5 Clock.

A pomodoro-style timer built with React using class-based components.

  • React
  • Bootstrap

JavaScript Calculator

Screenshot of the JavaScript Calculator.

A calculator with adaptive layout behavior, built with React using class-based components.

  • React
  • Bootstrap

Drum Machine

Screenshot of the Drum Machine.

A basic drum pad interface built with React, including controls for sound speed and volume.

  • React
  • Bootstrap

Markdown Previewer

Screenshot of the Markdown Previewer.

A Markdown previewer built with React using class-based components.

  • React
  • Bootstrap

Random Quote Machine

Screenshot of the Random Quote Machine.

A React app that displays random quotes from an API and switches theme colors on each quote.

  • React
  • Bootstrap

MonoText

Screenshot of the MonoText's home page.

A simple, multi-user blog implemented as an MVC app with Django handling the back-end and vanilla JavaScript on the front-end.

  • JavaScript
  • Bootstrap
  • Django
  • SQLite

Secret Keeper

Screenshot of the Secret Keeper's secret-generation page.

An MVC app for generating and managing passwords; built as a final project for CS50x 2022.

  • JavaScript
  • Bootstrap
  • Flask
  • SQLite