Case study

معهد الدراسات النفسية – Psychological Studies Institute Website

Developed a comprehensive Arabic website for a psychological studies institute featuring training programs, instructor profiles, booking system, app integration, and student testimonials with full RTL support.

2025Next.jsReact.jsTypeScriptTailwind CSSRTLForm Handling
معهد الدراسات النفسية – Psychological Studies Institute Website
Overview

معهد الدراسات النفسية – Psychological Studies Institute Website

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.

Step 01

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.

Step 02

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.

Step 03

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.

Step 04

Impact

Summarise the outcome: metrics, user feedback, performance improvements, or business impact. Recruiters love concrete numbers.

Tech stack

Next.jsReact.jsTypeScriptTailwind CSSRTLForm HandlingSEOPerformance Optimization

Your role

Front-End Developer – Developed complete website architecture, RTL implementation, booking system, and performance optimization.

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

Previous project

Fekra Education Platform – Comprehensive Learning Management System

Next project

Polytex – Water Tanks & Industrial Products Company Website