2

UBIK - Back To School Plateforme

Full-stack Web Developer - UBIK / Président. Built a promotional giveaway web platform for Président's Back to School campaign in Algeria, delivered as a three-app stack: a React + Vite + TypeScript client, a React back-office dashboard, and a Node.js + Express + MongoDB API. Implemented the full user journey in Arabic with responsive design: countdown landing page, registration form (name, age, wilaya, email, phone), quiz flow, spin-the-wheel lottery with probability-based rewards, and winner reveal screens. Added GSAP animations, device fingerprinting, and incognito detection to enforce one participation attempt per device every 3 days. Developed the admin dashboard to configure daily and weekly winner quotas, monitor gift inventory, track total attempts, and export campaign data. Secured the platform with rate limiting, helmet, JWT auth, input sanitization, and XSS/CSRF protections. Containerized and deployed for 75 days of live public traffic with post-launch maintenance.

Website

Project Details

Detailed information about the project.

Project Goals
To deliver a secure, engaging promotional web experience for Président's Back to School campaign, translating the brand design into an interactive Arabic platform with controlled participation, fair prize distribution, and real-time campaign oversight.
Challenges Faced
Challenges included enforcing unique device participation every 3 days at scale, implementing weighted lottery logic with configurable daily and weekly winner caps, faithfully translating the campaign design into responsive animated screens, and keeping the platform stable under sustained public traffic during a 75-day live deployment.
Solutions Implemented
Delivered a modular client, dashboard, and API architecture with MongoDB-backed user and prize tracking, FingerprintJS and incognito checks for participation control, GSAP-powered UI animations, a probability-driven spin-the-wheel flow, and a back office for quota management and data exports. Hardened the stack with JWT, rate limiting, helmet, and sanitization, then containerized and deployed for uninterrupted public access with post-launch monitoring and fixes.
Technologies Used
React, TypeScript, Vite, Node.js, Express, MongoDB, GSAP, Tailwind CSS, Docker
Date
August 2024

Project Screenshots

A visual overview of the project.

  • Screenshot 2
  • Screenshot 3
  • Screenshot 4