January 2024

Quoz Art Fest

The official website for the annual Quoz Arts Fest by Alserkal Advisory, designed as the central hub for visitors to plan their experience.

Key Features:

  • View the full festival programme with details on live performances, artists, and venues.
  • Navigate the festival grounds with an easy-to-use interactive map.
  • Explore photo galleries from past events and read blog posts featuring artist interviews.
  • Find answers to frequently asked questions about tickets, timings, and parking.

Responsibilities

As the Full-Stack Developer for the Quoz Arts Fest website, I was responsible for implementing the project using a headless CMS architecture. My role encompassed both the backend content configuration in Craft CMS and the complete front-end development.

My key responsibilities included:

  • Backend (Craft CMS):
    • I architected the content management system, creating a user-friendly structure with custom fields that empowered the festival team to easily manage all site content, including the programme, artists, blogs, and galleries.
    • I configured global theme settings within the CMS, allowing administrators to control front-end visual elements like the color palette and cursor icons directly from the backend.
  • Frontend Development:
    • I built the majority of the user interface, ensuring all pages and components were fully responsive for a seamless experience on any device.
    • I connected the front-end application to the CMS by writing efficient GraphQL queries to fetch and dynamically display all content.

Role/Services

Full-Stack Developer

Client

Alserkal Advisory (Dubai)

Tech Stack

Frontend:

  • GatsbyJS (React) + TypeScript + Styled Components, ...
  • GraphQL, Swiper, ...

Backend:

  • Craft CMS, GraphQL
Live Site
Slider-Project-Number-0
Slider-Project-Number-1
Slider-Project-Number-2
Slider-Project-Number-3
Slider-Project-Number-4
Slider-Project-Number-5
Slider-Project-Number-6
Slider-Project-Number-7
Slider-Project-Number-8
Slider-Project-Number-9
Slider-Project-Number2-0
Slider-Project-Number2-1
Slider-Project-Number2-2
Slider-Project-Number2-3
Slider-Project-Number2-4
Slider-Project-Number2-5
Slider-Project-Number2-6
Slider-Project-Number2-7
Slider-Project-Number2-8
Slider-Project-Number2-9
00 /10

Let's Create Something