Discord-like Chat Application
A real-time chat application built with Java Spring Boot, featuring public and private messaging channels.
Discord-like Chat Application
A real-time chat application inspired by Discord, developed using Java, Spring Boot, and Maven. The application enables users to chat in public and private channels and manage their accounts.
Key Features
Real-time Chat
Communicate instantly in public servers with multiple users
Private Messaging
Send direct messages to connected users
Password Reset
Secure account recovery through email verification
Online Status
Track which members are currently active
Technologies Used
Backend
- Java
- Spring Boot
- Maven
Frontend
- HTML5
- CSS3
- JavaScript
Real-time Communication
- SockJS
- STOMP
Project Requirements
Fresh Foods Restaurant
A responsive restaurant website featuring product showcases, menu, and reservation system using HTML, CSS, and JavaScript.
Fresh Foods Restaurant
A fully responsive restaurant website featuring animated product showcases, interactive menus, and a reservation system. The site utilizes GSAP for smooth animations and modern CSS techniques for an engaging user experience.
Key Features
Responsive Design
Fully adaptive layout that works on all device sizes
Interactive Menu
Animated menu showcase with hover effects
Reservation System
User-friendly form with date and time selection
Product Showcase
Interactive product catalogs with smooth transitions
Technologies Used
Frontend
- HTML5
- CSS3
- JavaScript
Animation
- GSAP (GreenSock Animation Platform)
- CSS Transitions & Animations
Design
- Custom CSS Variables
- Mobile-First Approach
Project Structure
Implementation Highlights
- Interactive Product Showcase: Horizontal sliding navigation with progress indicator and keyboard support
- Animated Menu Effects: Hover animations for menu items with ripple effects and shadows
- Responsive Navigation: Mobile-friendly hamburger menu with animated dropdown
- Optimized Images: Properly sized and optimized product images for fast loading
- Form Validation: Client-side validation for the reservation system
Visit the Project
Explore the live restaurant website by clicking the button below:
View Restaurant Website
Prise de Rendez-vous PHP
A real-time chat application built with Java Spring Boot, featuring public and private messaging channels.
Prise de Rendez-vous PHP
A PHP-based appointment scheduling system with user profile management and real-time availability.
Key Features
Réservation en ligne
Réservez vos créneaux horaires en quelques clics depuis votre ordinateur ou votre téléphone.
Gestion de profil
Créez votre compte et gérez vos informations personnelles en toute sécurité.
Disponibilité en temps réel
Consultez les créneaux disponibles et réservez immédiatement.
Historique des rendez-vous
Consultez et gérez l'ensemble de vos rendez-vous passés et à venir.
Technologies Used
Backend
- Php
MySQL
Frontend
- HTML5
- CSS3
- JavaScript
Registration Form
View Registration FormProject Requirements
Fast-Typing
A bilingual typing test application built with PHP, JavaScript, and MySQL to measure and improve typing speed and accuracy.
Fast-Typing
Fast-typing is a comprehensive typing test application that allows users to practice their typing speed and accuracy in both French and English, providing detailed statistics and tracking user progress over time.
Key Features
Real-time Typing Test
Test your typing speed with immediate feedback and accurate metrics
Bilingual Support
Practice in both French and English languages
Performance Tracking
Comprehensive statistics including WPM, accuracy, and error count
Personal Records
Track your best performances and monitor your improvement
Technologies Used
Backend
- PHP
- MySQL
- PDO
Frontend
- HTML5
- CSS3
- JavaScript
External APIs
- Datamuse API
Project Structure
Security Features
- Password hashing with PHP's secure password functions
- PDO prepared statements to prevent SQL injection
- Input sanitization for user data
- Session-based authentication system
- CSRF protection in forms
Twitthé
A Next.js social media platform enabling users to share posts, connect, and develop their online identity.
Twitthé
Twitthé is a comprehensive social media platform that enables users to share posts, follow other users, engage with content through likes and comments, and receive real-time notifications. The application features a modern UI with dark mode support and responsive design for all devices.
Key Features
User Profiles
Customizable profiles with bio, location, and profile pictures
Social Interactions
Post, like, comment, and @mention other users
Notifications
Real-time notification system for likes, comments, follows, and mentions
Light/Dark Mode
Seamless theme switching for user comfort
Technologies Used
Frontend
- React 19
- Next.js 15
- Tailwind CSS 4
- next-themes
- Radix UI Components
Backend
- Next.js Server Actions
- Prisma ORM
- PostgreSQL
- Clerk Authentication
Services
- UploadThing
- TypeScript
Project Architecture
Key Implementation Details
- Server Actions: Uses Next.js Server Actions for data mutations with real-time revalidation
- Database Architecture: Relational database with models for users, posts, likes, comments, follows, and notifications
- Authentication: Fully integrated with Clerk for secure, multi-provider authentication
- Accessibility: Maintained accessibility standards with semantic HTML and ARIA attributes
- Mentions System: Custom implementation for @username mentions with real-time notifications
- Image Uploads: Secure image processing and storage with UploadThing integration
AICal - AI Calorie Calculator
Next.js application using AI to analyze food images and provide nutritional information.
AICal - AI Calorie Calculator
AI-powered nutrition analysis application that uses computer vision to analyze food images and provide detailed nutritional information including calories, macronutrients, and vitamin content.
Key Features
AI Food Analysis
Image recognition for instant nutritional breakdown
Nutrition Dashboard
Daily tracking of calories and macronutrients
Goal Setting
Customizable daily and meal-specific targets
Food Journal
Historical tracking with date filtering
Technologies Used
Frontend
- React 19
- Next.js 15
- Tailwind CSS
- Shadcn UI
Framer Motion
Backend
- PostgreSQL
- Prisma ORM
- Next.js API Routes
AI Services
- Google Gemini AI
Utilities
- Zod Validation
- React Context API