Billal Benzazoua

All Projects

KnowSphere
A full-stack learning platform for browsing, enrolling in, and completing online courses — with verifiable certificates.
- React
- Next.js
- TypeScript
- PostgreSQL
- Node.js
KnowSphere
January 2026
A full-stack learning platform for browsing, enrolling in, and completing online courses — with verifiable certificates.
Course catalog with search, filters, and URL-driven state, plus free and Stripe-powered paid enrollment.
GitHub OAuth and email OTP sign-in with role-based access separating learners from administrators.
Lesson player with progress tracking, quizzes, discussions, reviews, and publicly verifiable certificates.
Admin console with analytics, full course and curriculum management, moderation, and an auditable activity log.
React
Next.js
TypeScript
PostgreSQL
Node.js
Repository Live demo
Teamora
A realtime team chat platform where teams collaborate in channels and threads, with AI-assisted writing and summaries.
- React
- TypeScript
- Node.js
- WebSockets
- PostgreSQL
Teamora
November 2025
A realtime team chat platform where teams collaborate in channels and threads, with AI-assisted writing and summaries.
Realtime messaging with channels, threads, emoji reactions, and live presence.
AI thread summaries and a compose assistant that stream and leave links and code blocks untouched.
Fully type-safe, end-to-end API so the frontend and backend stay in sync.
Secure authentication, workspace-level access control, tiered rate limiting, and soft-delete with undo.
React
TypeScript
Node.js
WebSockets
PostgreSQL
Repository Live demo
Notekeeper
An offline-first, installable PWA for taking notes across notebooks — with Markdown editing, tags, trash, and full theming.
- React
- TypeScript
- Vite
- Zustand
- PWA
Notekeeper
August 2026
An offline-first, installable PWA for taking notes across notebooks — with Markdown editing, tags, trash, and full theming.
Organize notes into notebooks with pinning, reordering, tags, favorites, and a restore-capable trash with auto-purge.
Write in a GitHub-flavored Markdown editor with live preview, syntax highlighting, autosave, and modal, full-screen, or split-pane layouts.
Fuzzy full-text search palette, per-notebook and tag statistics, and JSON or Markdown export.
Installable PWA with an offline app shell, light/dark themes, English/French/Arabic with RTL, and customizable keyboard shortcuts.
Local-first by design: all data lives in localStorage via Zustand with versioned migrations from the original vanilla JS version.
React
TypeScript
Vite
Zustand
PWA
Repository Live demo
Cook.io
A server-rendered recipe discovery app with faceted search, infinite scrolling, and saved recipes — powered by the Edamam API.
- Next.js
- React
- TypeScript
- Tailwind CSS
- Zod
- Edamam API
Cook.io
July 2026
A server-rendered recipe discovery app with faceted search, infinite scrolling, and saved recipes — powered by the Edamam API.
Search and browse thousands of recipes with faceted filters for meal type, cuisine, diet, health, cooking time, calories, and ingredient count — all reflected in the URL.
Edamam credentials stay server-side: every request is proxied through Next.js Route Handlers, with pagination links rewritten to strip the keys.
Infinite scroll via IntersectionObserver with request de-duplication and inline retry, plus meal-type tabs and drag/swipe cuisine carousels.
Server-rendered recipe detail pages with ingredients, nutrition, tag links, and per-recipe OpenGraph metadata.
End-to-end Zod validation and two-layer caching, with zero-dependency carousel, accordion, and snackbar primitives.
Next.js
React
TypeScript
Tailwind CSS
Zod
Edamam API
Repository Live demo
Airbnb Clone
A full-featured Airbnb clone to browse, book, and list rental homes — complete with an admin dashboard.
- Next.js
- React
- TypeScript
- Tailwind CSS
- Prisma
- PostgreSQL
- Kinde
Airbnb Clone
August 2024
A full-featured Airbnb clone to browse, book, and list rental homes — complete with an admin dashboard.
Browse and filter listings by category, country, and guests/rooms/bathrooms, with detail pages, photo carousels, maps, and a live booking calendar.
A guided 4-step hosting wizard to publish listings with photos, pricing, and location, plus favorites and reservation management.
Authentication via Kinde, PostgreSQL with Prisma, and Supabase Storage for listing photos.
Protected admin dashboard with stat cards and tables to manage users, homes, and reservations.
Interactive OpenStreetMap previews, dark mode, and toast notifications after key actions.
Next.js
React
TypeScript
Tailwind CSS
Prisma
PostgreSQL
Kinde
Repository Live demo
Inktale
A fully responsive blog platform built with Express, MongoDB, and EJS — with session-based auth, Markdown authoring, and a writer dashboard.
- Node.js
- Express
- TypeScript
- MongoDB
- EJS
- Cloudinary
Inktale
August 2024
A fully responsive blog platform built with Express, MongoDB, and EJS — with session-based auth, Markdown authoring, and a writer dashboard.
Mobile-first, fully responsive design with user registration and session-based authentication.
Full blog CRUD with banner uploads to Cloudinary and Markdown content rendered with syntax highlighting.
Writer dashboard tracking total visits, reactions, and published articles, with edit and delete controls.
Likes and bookmarks on every post, plus a dedicated reading-list page to manage saved blogs.
Settings for profile photo, name, username, email, bio, password, and account deletion, with per-IP rate limiting and gzip/brotli compression.
Node.js
Express
TypeScript
MongoDB
EJS
Cloudinary
Repository Live demo
Expense Tracker (GraphQL)
A full-stack expense tracker with a GraphQL API and a React client, organized as a pnpm workspace.
- React
- TypeScript
- GraphQL
- Apollo Server
- Node.js
- MongoDB
- Tailwind CSS
Expense Tracker (GraphQL)
September 2024
A full-stack expense tracker with a GraphQL API and a React client, organized as a pnpm workspace.
GraphQL API built with Express, Apollo Server 4, Mongoose, and Passport local authentication.
React 19 client powered by Vite 7, Apollo Client 4, React Router 7, and Tailwind CSS v4.
Organized as a pnpm monorepo with separate server and client apps sharing one workspace.
Single-server production deploy: the API and the built client are served from one service, with an SPA fallback.
MongoDB-backed users and transactions, with the client proxying /graphql in both dev and production.
React
TypeScript
GraphQL
Apollo Server
Node.js
MongoDB
Tailwind CSS
Repository Live demo
GitFinder
A GitHub user explorer for browsing repositories, forks, followers, and following — with a mobile-first UI.
- React
- TypeScript
- Vite
- GitHub API
GitFinder
August 2026
A GitHub user explorer for browsing repositories, forks, followers, and following — with a mobile-first UI.
Search any GitHub user with debounced input and skeleton loading.
Paged repository lists with a load-more button and dark/light themes.
React
TypeScript
Vite
GitHub API
Screenshots
Repository Live demo
Weatherio
A weather app with current conditions and 5-day forecasts for cities worldwide, powered by OpenWeatherMap.
- Next.js
- React
- TypeScript
- Tailwind CSS
- OpenWeatherMap API
Weatherio
August 2026
A weather app with current conditions and 5-day forecasts for cities worldwide, powered by OpenWeatherMap.
Today's highlights: air quality, sunrise & sunset, humidity, pressure, visibility, and feels-like.
Debounced search with suggestions, geolocation, and shareable URL state.
API key kept server-side through Next.js route handlers.
Next.js
React
TypeScript
Tailwind CSS
OpenWeatherMap API
Repository Live demo
Stock Media Platform
A stock media gallery for browsing photos and videos via the Pexels API.
- Next.js
- React
- TypeScript
- Tailwind CSS
- Pexels API
Stock Media Platform
July 2026
A stock media gallery for browsing photos and videos via the Pexels API.
Search, curated, and popular feeds for photos, videos, and collections.
Favorites with local persistence, infinite scroll, and a masonry grid.
Filter bar, media detail pages, and downloads.
Next.js
React
TypeScript
Tailwind CSS
Pexels API
Screenshots
Repository Live demo
Tvflix
A movie browser built on the TMDB API with trending, top-rated, and genre discovery.
- Next.js
- React
- TypeScript
- Tailwind CSS
- TMDB API
Tvflix
May 2026
A movie browser built on the TMDB API with trending, top-rated, and genre discovery.
Home hero slider plus upcoming, trending, and top-rated sections.
Movie detail pages with trailers and recommendations.
All TMDB calls stay server-side; the API key never reaches the client.
Next.js
React
TypeScript
Tailwind CSS
TMDB API
Repository Live demo
Blog API
The backend of a blog platform — REST API with JWT authentication, validation, and OpenAPI documentation. Frontend in progress.
- Node.js
- Express
- MongoDB
- Mongoose
- Zod
- JWT
Blog API
April 2026
The backend of a blog platform — REST API with JWT authentication, validation, and OpenAPI documentation. Frontend in progress.
Express REST API under /api/v1 with role-based authorization middleware.
Zod validation with an auto-generated OpenAPI spec and Swagger UI.
Vitest test suite running against an in-memory MongoDB.
Node.js
Express
MongoDB
Mongoose
Zod
JWT
Repository
React Admin Dashboard
A dark-themed admin dashboard with management pages, charts, and animations — all driven by mock data.
- React
- TypeScript
- Vite
- Tailwind CSS
- Recharts
- Framer Motion
React Admin Dashboard
October 2024
A dark-themed admin dashboard with management pages, charts, and animations — all driven by mock data.
Overview, products, users, sales, orders, analytics, and settings pages.
Recharts visualizations, Framer Motion transitions, and an animated collapsible sidebar.
Sortable-style tables with search, row actions, and toast notifications.
React
TypeScript
Vite
Tailwind CSS
Recharts
Framer Motion
Screenshots
Repository Live demo
Blog — Next.js + Sanity
A server-rendered blog powered by Next.js and Sanity CMS, with fast static pages and an in-repo content studio.
- Next.js
- React
- TypeScript
- Sanity
- Tailwind CSS
Blog — Next.js + Sanity
July 2024
A server-rendered blog powered by Next.js and Sanity CMS, with fast static pages and an in-repo content studio.
Statically generated pages with ISR, refreshing content every 10 minutes.
Sanity Studio lives in the repo as a pnpm workspace member, sharing one lockfile.
Typed GROQ queries, dark mode, and real per-post SEO metadata.
Next.js
React
TypeScript
Sanity
Tailwind CSS
Repository
Image Slider
A minimal, dependency-free image slider built with plain JavaScript.
- HTML
- CSS
- JavaScript
Image Slider
May 2024
A minimal, dependency-free image slider built with plain JavaScript.
Pure HTML, CSS, and JavaScript with no frameworks.
HTML
CSS
JavaScript
Repository Live demo
Music Player
A responsive, mobile-first music player with playback controls and keyboard shortcuts.
- HTML
- CSS
- JavaScript
Music Player
May 2024
A responsive, mobile-first music player with playback controls and keyboard shortcuts.
Play/pause, skip, shuffle, repeat, and volume controls.
Keyboard shortcuts for playback and quick actions.
HTML
CSS
JavaScript
Screenshots
Repository Live demo
NFTC
A mobile-first NFT marketplace landing page.
- HTML
- CSS
- JavaScript
NFTC
May 2024
A mobile-first NFT marketplace landing page.
Clean, modern design with Ionicons and cross-browser compatibility.
HTML
CSS
JavaScript
Screenshots
Repository Live demo
COVID-19 Info
A mobile-first website presenting COVID-19 information.
- HTML
- CSS
- JavaScript
COVID-19 Info
May 2024
A mobile-first website presenting COVID-19 information.
Clear, user-friendly layout with Ionicons and full responsiveness.
HTML
CSS
JavaScript
Screenshots
Repository Live demo
Nike Landing Page
A modern, responsive landing page for a sports brand, built with React and Tailwind.
- React
- Vite
- Tailwind CSS
Nike Landing Page
April 2024
A modern, responsive landing page for a sports brand, built with React and Tailwind.
Clean, contemporary UI with fully responsive layouts.
React
Vite
Tailwind CSS
Screenshots
Repository Live demo
Brainwave
An AI-focused landing page with immersive parallax effects.
- React
- Vite
- Tailwind CSS
Brainwave
April 2024
An AI-focused landing page with immersive parallax effects.
Parallax effects via react-just-parallax and scroll behavior control.
React
Vite
Tailwind CSS
Screenshots
Repository Live demo
Simple Cool Projects
A collection of small, fun HTML/CSS/JS experiments.
- HTML
- CSS
- JavaScript
Simple Cool Projects
March 2024
A collection of small, fun HTML/CSS/JS experiments.
Mini apps and UI widgets in vanilla JavaScript.
HTML
CSS
JavaScript
Repository Live demo
Sushi
An elegant sushi restaurant page with scroll-reveal animations.
- HTML
- CSS
- JavaScript
- AOS
Sushi
February 2024
An elegant sushi restaurant page with scroll-reveal animations.
AOS scroll animations over a clean, responsive design.
HTML
CSS
JavaScript
AOS
Screenshots
Repository Live demo
Sneakers E-commerce
A two-page sneaker storefront with sliders and scroll animations.
- HTML
- CSS
- JavaScript
- Gulp
- Swiper
Sneakers E-commerce
December 2023
A two-page sneaker storefront with sliders and scroll animations.
BEM-structured CSS with Swiper sliders, Boxicons, and ScrollReveal animations.
HTML
CSS
JavaScript
Gulp
Swiper
Screenshots
Repository Live demo
Travelia
A mobile-first travel landing page for showcasing destinations.
- HTML
- CSS
- JavaScript
Travelia
December 2023
A mobile-first travel landing page for showcasing destinations.
Clean, elegant layout built with semantic HTML and vanilla JavaScript.
HTML
CSS
JavaScript
Screenshots
Repository Live demo
Autofix
A responsive car service website built with a mobile-first approach.
- HTML
- CSS
- JavaScript
Autofix
December 2023
A responsive car service website built with a mobile-first approach.
Well-structured semantic markup with organized, maintainable CSS.
HTML
CSS
JavaScript
Screenshots
Repository Live demo
Metalink NFT
An NFT collections landing page with an interactive slider and accordion FAQ.
- HTML
- CSS
- JavaScript
Metalink NFT
December 2023
An NFT collections landing page with an interactive slider and accordion FAQ.
Top-collections slider, accordion Q&A, and a header revealed on scroll.
HTML
CSS
JavaScript
Screenshots
Repository Live demo
Grilli Restaurant
A restaurant website with a preloader, hero slider, and parallax effects.
- HTML
- CSS
- JavaScript
Grilli Restaurant
December 2023
A restaurant website with a preloader, hero slider, and parallax effects.
Auto-rotating hero slider with manual navigation and shine hover effects.
HTML
CSS
JavaScript
Screenshots
Repository Live demo
Evara E-commerce
A responsive e-commerce website built with HTML, CSS, and JavaScript.
- HTML
- CSS
- JavaScript
Evara E-commerce
November 2023
A responsive e-commerce website built with HTML, CSS, and JavaScript.
Modern, product-focused layout adapting to all screen sizes.
HTML
CSS
JavaScript
Screenshots
Repository Live demo
Template Three
A fully responsive static website template with a modern design.
- HTML
- CSS
Template Three
July 2023
A fully responsive static website template with a modern design.
Built with semantic HTML, custom CSS, and Font Awesome icons.
HTML
CSS
Repository Live demo

All Projects

KnowSphere

Teamora

Notekeeper

Cook.io

Airbnb Clone

Inktale

Expense Tracker (GraphQL)

GitFinder

Weatherio

Stock Media Platform

Tvflix

Blog API

React Admin Dashboard

Blog — Next.js + Sanity

Image Slider

Music Player

NFTC

COVID-19 Info

Nike Landing Page

Brainwave

Simple Cool Projects

Sushi

Sneakers E-commerce

Travelia

Autofix

Metalink NFT

Grilli Restaurant

Evara E-commerce

Template Three