Yo! I'm Mariwan — your favorite code-slinging, pixel-pushing web wizard.
| 🕶️ | Started in 2022 — I saw some bad websites and said, "Nope, not on my watch." |
| 🔥 | POSTMan? Grammarly? Yep, I've contributed to those. I'm basically the web dev version of a secret agent—only louder and with better commit messages. |
| 🎯 | Designing with purpose — every UI I touch turns into Beyoncé-level smoothness. Fluid motion is my middle name. |
| ✨ | I don't build websites — I build digital *masterpieces*. I make your grandma go "wow" when she clicks a button. |
"Simplicity is the soul of efficiency." – and yes, I do that with style.
- Languages: HTML, CSS, JavaScript, TypeScript
- Frameworks: React.js, Next.js, Vite.js
- Styling: Tailwind CSS, Bootstrap, SCSS
- Animation & 3D: Framer Motion, THREE.js
- Design: Figma, Adobe XD
- Version Control: Git, GitHub
A comprehensive, production-ready SaaS platform template with:
- ⚡ Server-side rendering with Next.js for SEO optimization
- 💳 Full subscription management with Stripe integration
- 🔐 Multi-tier authentication system with social sign-ins
- 📊 Interactive dashboard with real-time analytics
- 🌓 Custom theming engine with light/dark mode support
- 📱 Fully responsive across all devices with Tailwind CSS
- 🔄 API rate limiting and caching for optimal performance
An award-winning interactive portfolio with:
- 🎭 Page transitions with custom Framer Motion animations
- 🖼️ 3D parallax scrolling effects using React Three Fiber
- ⌨️ TypeScript implementation for type safety and better DX
- 🎯 Advanced cursor effects that react to content
- 🔄 Custom scroll-based animations with GSAP
- 🎨 Dynamic color schemes based on user preferences
- 📱 Optimized animations for mobile devices
A high-conversion landing page framework featuring:
- 🔍 SEO-optimized structure with structured data markup
- ⚡ 98+ Lighthouse score with optimized Core Web Vitals
- 📈 Built-in A/B testing capabilities for conversion optimization
- 🎯 Advanced scroll-triggered animations using Intersection Observer
- 📱 Responsive design with fluid typography and layout
- 🔄 Custom-built lazy loading for images and components
- 📊 Integration with analytics tools for performance tracking
- 📦 Modular component architecture for scalability
- 🧪 Comprehensive test coverage with Jest and Cypress
- 📱 Mobile-first approach with responsive design principles
- ♿ WCAG 2.1 AA compliance for accessibility
- 🔄 CI/CD pipelines with GitHub Actions
- 📊 Performance monitoring and error tracking
- 🌐 Internationalization support with i18n
const mariwan = {
approach: "user-centric & detail-obsessed",
communication: "clear & jargon-free",
delivery: "on-time & exceeding expectations",
coffee_consumption: Number.POSITIVE_INFINITY
};
