Hatim – React, Typescript, Laravel

A music distribution platform for artists and labels, with a project builder that guided users through creating and submitting releases, uploading assets, managing artist metadata, and completing validation requirements before launch. Hatim built and maintained the platform, including the electronic contract-signing features as part of the submission workflow, helping streamline agreements and reduce manual onboarding steps.

• Built and maintained a full-stack music distribution platform for artists and labels.
• Developed a project builder for creating, validating, and submitting music releases.
• Implemented electronic contract signing within the release submission workflow.
• Built features for release management, artist metadata, and asset uploads.
• Improved payments, subscriptions, payouts, and reporting workflows.
• Contributed to analytics and dashboard tools for tracking release performance.

A large-scale music discovery and streaming platform, covering mixtapes, tracks, playlists, artists, DJs, podcasts, embeds, and SEO-optimized content pages.

• Developed core discovery experiences across home, featured releases, world premieres, top tracks, top artists, top playlists, and search, making it easy for users to find and play new music.
• Implemented authenticated user workflows for favorites, listening history, purchases, likes/dislikes, and personal playlists, including create, edit, and manage actions.
• Built subscription and payment experiences with Stripe, including Premium signup, payment method updates, subscription changes/cancellations, and paid download checkout flows.
• Integrated account and identity flows such as login, signup with OTP verification, password recovery/reset, and 2FA-style verification for secure access.
• Designed and maintained playback, queue, and radio-like listening behavior with persistent app state, playlist/mixtape playback, and session-aware user interactions.
• Integrated community and engagement features such as comments, sharing, analytics/error logging, and validation/captcha-protected contact and copyright forms.
• Improved frontend architecture with SSR-ready Next.js pages, React Query data hydration, reusable component systems, and centralized Zustand state management.

An AI network planner where users upload a PDF of the building's architecture (e.g., a stadium, theatre, or hospital), and the AI consumes all architectural data to propose locations for Wi-Fi routers to achieve the best coverage.

Hatim helped the team build an interactive interface that lets users interact with 3D objects in the buildings and create interfaces.

• Implemented workflows for users from Figma to React.
• Implemented interactions with 3D objects.
• Built dashboards and charts to help visualize the network coverage and other metrics.
• Assisted with the architecture of the front-end.
• Proposed ideas to cut the burden on the backend, like upload manipulation.

A payment gateway and e-wallet platform that enables merchants and individuals to send and receive payments securely using local and international bank cards. Hatim focused on delivering a simple, accessible payment solution that improves checkout conversion rates and provides sellers with flexible payment options tailored to customer preferences.

• Implemented API endpoints that create payment intent and checkout, and 3DS checks.
• Implemented the webhooks system and transfers feature.
• Implemented withdrawals with third-party services.
• Created a deposit with the third-party services feature.
• Implemented an authentication system.
• Coordinated with the mobile team to provide the right API interfaces.

A SaaS for website owners, the application's job is to facilitate the creation of pop-ups and widgets for non-coders. The goal of these widgets is to grow the audience and promote products.

• Implemented the full SaaS from A to Z as a solo developer.
• Built the front-end of the application using Vanilla.js.
• Implemented the back-end of the application with Laravel.