Try it out
An online deployment is available at https://gif.nuvraine.com/
Highlights
Rapid Prototyping
Leveraged AI tools including Cline and GitHub Copilot to design interactions and build a functional prototype from scratch within eight hours.
Polished UI
Beyond responsive layouts, dark-mode support, and i18n, the interface features intuitive cropping tools, joyful input-label animations, and a clean visual hierarchy—resulting in a feature-complete yet easy-to-use experience.
Continuous Deployment
Implemented automated CI/CD with GitHub Actions and deployed to Azure Web Apps, reducing maintenance overhead and ensuring smooth iteration.
My learnings
-
Rapid Prototyping: Developed the ability to quickly build application prototypes by effectively leveraging AI-assisted development tools.
-
Advanced Styling Techniques: Refined my skills in crafting complex styles and animations for core UI components such as input fields and buttons, improving both aesthetics and usability.
-
Continuous Deployment: Gained hands-on experience setting up continuous deployment to Azure Web Apps using GitHub Actions, streamlining the development and release workflow.
Demos
Dark Mode Support
