CLOSE x
Love-chan
UX & UI Design, Web Development
Hey, there.
Hello!
Is this your portfolio?
Yes, it is! I built it with HTML, CSS, and Javascript (with some JS libraries).
What about the graphics?
I do digital illustration and layouting. The background used here was made by me in Adobe Illustrator. 😀
Can you tell me more about yourself?
I'm a curious designer/developer who loves creating friendly interfaces
with a touch of whimsy!🌸
When I'm not coding, you'll find me drawing
or experimenting with CSS animations.
What I Do Best:
- Transform ideas into responsive websites
- Design intuitive user flows
- Bridge visuals with functional code
Technical Toolkit:
- HTML5, CSS3, JavaScript
- PHP, MySQL
- Flutter, Bootstrap, jQuery
- Git, VS Code
- WordPress
Creative Skills:
- UI/UX Design & Prototyping
- Interaction & Visual Design
- Vector Illustration (Adobe Illustrator)
- Figma, Canva
Can I see your creations?
Of course! Each project taught me something special. Click the arrows to explore! 💖
⇦
1. Kawaii Tools: CSS Playground
⇨
Where I experiment with:
- Interactive CSS animations
- Playful micro-interactions
- Responsive layout tricks
HTML5
CSS3
JavaScript
🌸 Visit Kawaii Tools
⇦
2. AI Playground: Self-Hostable AI Chat
⇨
A space for AI experimentation:
- Test prompts and model settings in real time
- Compare AI responses across different providers
- Fine-tune interactions without needing logins or persistence, + more features
- Open Source (AGPL-3.0 license). View on Github
HTML5
CSS3
PHP
JavaScript
🚀 Visit AI Playground
⇦
3. MSUONE: Student App
⇨
Streamlined university experience with:
- Centralized event/announcement system
- QR-based attendance tracking
- Role-based content management
Flutter
MySQL
Capstone project with S.E. Ricafort
⇦
4. MSUONE Admin: University Staff Portal
⇨
Admin dashboard featuring:
- Dynamic content management
- QR event generator
- Attendance analytics
PHP
Bootstrap
MySQL
⇦
5. DILG Ramon Magsaysay Online Knowledge Resource Center
⇨
An online repository for local governance featuring:
- Centralized access to DILG resources and updates
- Knowledge products for local officials and residents
- Streamlined information dissemination for the municipality
WordPress
PHP
MySQL
📚 Visit LGRC Ramon Magsaysay
⇦
6. SGLGB RM: Interactive Seminar Website
⇨
An interactive website designed for:
- Informative platform for SGLGB initiatives
- Effective presentation during seminars
- Easy navigation and user-friendliness
Canva Websites
✨ Visit SGLGB RM
⇦
7. Character Generator (Fork)
⇨
My first web dev inspiration:
- Customizable sprite characters
- Interactive palette system
- Open-source contribution
HTML5
CSS3
jQuery
🎮 Try the Generator
Want to know more about how I built these? Ask away! 💌
How do I contact you??
Let's create something delightful together! I typically respond within 24 hours 🎨
Thank you for checking out my portfolio!
1. Hey, there.
2. Can you tell me more about yourself?
3. I'd like to see your projects.
4. How do I contact you?
Click outside the box to close.