📖 Overview
This was my first portfolio project, designed to experiment with modern build tools and clean UI presentation. It featured animations, responsive layouts, and a simple way to showcase my work and background.
✨ Key Features
- Responsive Design: Fully responsive layout that adapts seamlessly to all devices.
- Smooth Animations: Used CSS transitions and keyframes for subtle hover and scroll effects.
- Optimized Build: Bundled and minified using Vite for fast loading performance.
- Simple Project Showcase: Each project section included an image, title, and brief summary.
🛠️ Technologies Used
- Frontend: HTML, CSS, JavaScript
- Build Tool: Vite
- Deployment: Deployed to Vercel with custom domain (dexter170.com)
🚀 Challenges & Learnings
Maintaining structure and reusability with only vanilla JavaScript became difficult as the project grew — which led to adopting React and Next.js later.
🎯 Outcome
The project served as a foundation for learning modern tooling and inspired the design and structure of my new Next.js-based portfolio.
Related Projects
Rawiah - 1:1 Arabic Tutoring Sessions Platform.
Rawiah connects students with experienced native Arabic tutors for personalized 1:1 sessions, offering seamless booking and progress tracking.
UJ-Sahem - Volunteering Platform for University Students.
UJ-Sahem is a convenient volunteering platform that connects university students with meaningful opportunities to give back to their communities.
Make an appointment
I am available for consultations, collaborations, or simply to discuss your projects. Feel free to contact me!