Zakaria Elkhadir
Next.js & React Developer | Figma-to-Code specialist
New to Contra
Zakaria is building their profile!
Designed and developed a high-converting landing page for Snapense, a camera-first expense tracking app. The goal was to communicate a complex product quickly and drive app downloads without overwhelming the visitor.
The page covers the full conversion funnel: hero, how-it-works, feature highlights, pricing tiers, testimonials, and FAQ, all with smooth scroll-driven animations that guide the user through the story.
What was built:
Animated hero section with app preview
3-step interactive feature walkthrough
Feature cards with staggered entrance animations
Pricing section with tiered plans
Testimonials and social proof section
Fully responsive layout
Stack: Next.js · TypeScript · Tailwind CSS · GSAP · Framer Motion
0
7
CineSafe is a movie discovery platform that uses AI to help families find films that match their values and viewing preferences. Instead of generic recommendations, users can search by "vibe," get AI-driven safety assessments, and filter content based on family-friendliness.
Built with Next.js 15 and React 19 using the latest App Router architecture.
Key features:
AI-powered vibe-based movie search and recommendations
Family safety scoring and content filtering
Interactive movie explorer with favorites and personalized lists
Real-time AI chat for movie guidance
Smooth, animated UI with Framer Motion
Stack: Next.js 15 · React 19 · TypeScript · Tailwind CSS · OpenAI API · Radix UI · Framer Motion · Axios
0
11
Designed and developed a complete e-commerce website for Line Store, a Moroccan iPhone and smartphone retailer.
The project covered the full website—from layout and visual identity to product catalog and conversion-focused UI. Built to feel premium and drive sales, with a clean product browsing experience, category navigation, and trust signals like delivery guarantees and payment on delivery.
What was delivered:
Full website design and layout
Product catalog with categories and individual product pages
Hero section with promotional banners
Mobile-responsive design
French-language UI tailored for the Moroccan market
Stack: Next.js · Tailwind CSS · React
0
15
Designed and developed a complete reservation management platform for event venues. Includes real-time availability tracking, client reservation history, an interactive calendar, and a room capacity dashboard.
Stack: Next.js · MongoDB · Tailwind CSS · ShadCN UI
0
18