Zakaria Elkhadir's Work | ContraWork by Zakaria Elkhadir
Zakaria Elkhadir

Zakaria Elkhadir

Next.js & React Developer | Figma-to-Code specialist

New to Contra

Zakaria is building their profile!

Cover image for Designed and developed a high-converting
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
Cover image for Discover Family-Friendly Movies with AI-Powered CineSafe Pla...
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
Cover image for Designed and developed a complete
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
Cover image for Designed and developed a complete
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