projects

Sage Green Calculator

🌿 A focused Flutter calculator app with a calm sage green palette and glassmorphism UI, crafted for distraction‑free everyday use.

  • Tech: Flutter, Dart
  • Highlights: Glassmorphism cards, subtle haptics & animations, responsive layout for phones and tablets
  • Role: Solo designer & developer
view code ↗

Cube Clock – 3D Flip Clock

🧊 A 3D flip-style digital clock built with HTML, CSS, and JavaScript, featuring smooth cube transitions and a clean, futuristic desk‑clock feel.

  • Tech: HTML, CSS, JavaScript
  • Highlights: CSS 3D transforms, smooth flip animations, responsive layout
  • Use case: Ambient time display for landing pages and dashboards
live demo ↗ view code ↗

Gradient Palette Generator

🎨 A gradient palette generator that helps you explore, tweak, and save modern color combinations directly in the browser.

  • Tech: HTML, CSS, JavaScript
  • Highlights: Random and custom gradients, copy‑to‑clipboard, saved favorites
  • Use case: Fast visual exploration for UI and branding ideas
live demo ↗ view code ↗

Advanced Tic Tac Toe Game

🎮 A modern Flutter take on Tic Tac Toe with multiple board sizes, AI opponents, and timed challenges for more replayability.

  • Tech: Flutter, Dart
  • Highlights: AI difficulty levels, 3×3 and larger boards, match history, animations
  • Focus: Game architecture, state management, and polished UX
view code ↗

Weather App

🌤️ A beautiful, modern weather app that surfaces real‑time conditions and forecasts with a soft, friendly Flutter UI.

  • Tech: Flutter, Dart, REST APIs
  • Highlights: Current weather, multi‑day forecast, icon‑driven UI, responsive cards
  • Focus: API integration, error handling, and clean information hierarchy
view code ↗

Advanced BMI Calculator

🌿 A modern Flutter BMI and body‑composition calculator with a calm glassmorphism design and sage green color system.

  • Tech: Flutter, Dart
  • Highlights: BMI and category feedback, input validation, responsive layout
  • Focus: UX for data input and clear, human‑readable health feedback
view code ↗

Kaniza's Personal Portfolio

🎨 A responsive portfolio built with Flutter to showcase skills, projects, and a simple contact flow for clients and recruiters.

  • Tech: Flutter, Dart
  • Highlights: Multi‑section layout, reusable UI components, responsive design
  • Focus: Personal branding and clean presentation of work
view code ↗

Quiz App

🎯 A playful Flutter quiz app with multiple‑choice questions, scoring, and a clear results screen.

  • Tech: Flutter, Dart
  • Highlights: Question navigation, score tracking, simple state management
  • Use case: Lightweight learning and trivia experiences
view code ↗

Multi-Step Registration Form

📋 A feature‑rich multi‑step Flutter form that guides users through a smooth, low‑stress sign‑up journey.

  • Tech: Flutter, Dart
  • Highlights: Stepper flow, validation per step, progress indication, sage green theme
  • Focus: Form UX, error states, and micro‑interactions
view code ↗

Flutter Examples App

📱 A comprehensive Flutter playground with 38+ interactive examples from basic widgets to more advanced patterns.

  • Tech: Flutter, Dart
  • Highlights: Categorised demos, live previews, clean code organization
  • Use case: Learning companion and reference for Flutter newcomers
view code ↗

Snake Game

🐍 A classic Snake game re‑imagined in Flutter with smooth controls and a minimal, modern grid UI.

  • Tech: Flutter, Dart
  • Highlights: Real‑time game loop, collision detection, increasing difficulty
  • Focus: Game mechanics and responsive canvas layout
view code ↗

Flutter Audio Player

🎵 A tiny, polished multi‑platform music player that keeps the UI calm while the audio engine does the hard work underneath.

  • Tech: Flutter, Dart
  • Highlights: Play / pause controls, track progress, minimal player chrome
  • Focus: Audio APIs and cross‑platform behavior
view code ↗

Language Translator App

🌐 A neat Flutter language translator that keeps the interface simple while supporting multiple languages.

  • Tech: Flutter, Dart, translation APIs
  • Highlights: Text translation, clear input/output areas, minimal UI
  • Focus: Working with external APIs and async UX states
view code ↗

Advanced Todo List App

🎯 A glassmorphism Todo app in sage green that turns daily task management into a calmer experience.

  • Tech: Flutter, Dart
  • Highlights: Task creation and completion, sections, animated cards
  • Focus: List management UX and visual hierarchy
view code ↗

News App

📰 A Flutter news reader that brings headlines and articles into a clean, scroll‑first reading experience.

  • Tech: Flutter, Dart, REST APIs
  • Highlights: Latest headlines, article details, loading and error states
  • Focus: Consuming APIs and structuring content for readability
view code ↗

Advanced Color Palette Generator

🌈 A Flutter color‑palette generator with multiple color‑scheme types and a soft glassmorphism aesthetic.

  • Tech: Flutter, Dart
  • Highlights: Multiple palette modes, randomization, copyable color values
  • Focus: Design tooling UI and color handling
view code ↗

Pixel Art Studio

🎨 A Flutter pixel‑art editor with a nostalgic 8‑bit feel and simple drawing tools.

  • Tech: Flutter, Dart
  • Highlights: Tap‑to‑draw grid, color picker, clear canvas actions
  • Focus: Custom drawing surfaces and interaction design
view code ↗

Fortune Wheel

🎡 A minimal‑yet‑cute Flutter fortune wheel with a sage green theme and glassmorphism accents.

  • Tech: Flutter, Dart
  • Highlights: Spin animations, random selection, configurable wheel segments
  • Focus: Animation curves and playful micro‑interactions
view code ↗

Sudoku Master

🧩 A Flutter Sudoku app that keeps the board clean and readable while the puzzles get harder.

  • Tech: Flutter, Dart
  • Highlights: Grid‑based board, number input, feedback for moves
  • Focus: Game layout and rule‑driven UX
view code ↗

Kids Crossword Fun!

🧩 A Flutter crossword app for kids with simple words, big tiles, and friendly visuals.

  • Tech: Flutter, Dart
  • Highlights: Child‑friendly grid, easy clues, playful color palette
  • Focus: Designing for younger users and accessibility
view code ↗