Overview

I developed the complete website for معهد الدراسات النفسية (Psychological Studies Institute), an academic platform for mental health and psychological therapy education. The website serves as a hub for training programs, instructor profiles, and student resources. Key Features: • Comprehensive training program listings with filtering by specialization • Educational pathways (مسارات) with bundled diploma packages • Instructor profiles showcasing experts and trainers • Online booking system for consultations with location selection • Mobile app integration (App Store & Google Play) • Student testimonials and success stories • FAQ section addressing common questions • Blog/news section for latest updates • Contact information and social media integration • Full RTL (right-to-left) support for Arabic content Technologies: Built using Next.js with TypeScript, Tailwind CSS, and optimized for SEO and performance. The platform handles booking forms, filtering systems, and provides seamless user experience across all devices.

Key Achievements

• Built comprehensive Arabic website with full RTL support
• Implemented training program management and filtering
• Created online booking system with location selection
• Developed instructor profiles and student testimonials
• Integrated mobile app download links
• Optimized performance for fast load times

Problem

In your own words, describe the problem this project solves. Focus on user pain points, business constraints, and why the existing solutions were not good enough.

Solution & architecture

Explain the key technical decisions, how the system is structured (frontend architecture, data flow, state management), and how you balanced DX, performance, and maintainability.

Challenges & learnings

Highlight challenges (performance, edge cases, UX trade-offs) and how you approached them. This is where you can talk about realtime features, i18n, multi-tenant logic, or advanced SEO.