The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Hi everyone! I’m Zyrene, an aspiring web developer and 3rd-year Computer Science student based in Cebu City. I love building clean, fast, and responsive websites using HTML, CSS, JavaScript, and React.
I just finished putting together my portfolio of work — including landing pages, layout designs, and school projects — and I’m excited to keep learning and creating more.
📂 View my work here: https://zyrene-celedonio-portfolio.vercel.app/
💻 See my code here: https://github.com/Saysay284/Saysay284
Always open to feedback, advice, or small opportunities to grow my skills!
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Trending
Claude
Claude has entered the design space. How are you using it?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
Brand Design
The best brand designers are on Contra. Scroll to see what's trending in brand design. What are you building?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?
Related posts
FreshLock — Food Packaging Landing Page Design 🍎📦
FreshLock is a modern landing page concept created for a food packaging brand focused on preserving freshness, reducing waste, and presenting innovative packaging solutions through a clean digital experience.
The goal was to communicate product benefits instantly while making the website feel fresh, premium, and trustworthy. The visual direction combines bold typography, minimal layouts, realistic product imagery, and vibrant red accents to create a strong first impression while keeping the focus on the product.
Special attention was given to:
• a product-first hero section that immediately highlights freshness and packaging quality;
• clean visual hierarchy that makes key messages easy to scan;
• responsive desktop and mobile layouts optimized for every device 📱;
• trust-building elements showcasing product quality, freshness, and customer confidence;
• bold CTAs that encourage users to explore the product and learn more;
• a minimal interface that lets the packaging and product visuals become the center of attention;
• a scalable landing page design suitable for future product launches and marketing campaigns.
The result is a modern, conversion-focused landing page that helps communicate product value, strengthens brand credibility, and creates an engaging experience from the very first screen ✨
Looking to create a modern landing page for your food, packaging, FMCG, or consumer product brand? Let's build something fresh together 🚀
🔥 🔥 🔥
🚨 “It works on my machine.” The developer's most dangerous sentence 😂
Your app works perfectly locally, then suddenly breaks in production.
Before blaming the code, check:
🔹 Environment variables
🔹 Node.js versions
🔹 Database connection
🔹 API URLs
🔹 CORS configuration
🔹 Production build settings
Local success ≠ production readiness.
Always test your application in an environment as close to production as possible.
What’s the funniest “works locally, breaks in production” bug you've faced? 👇
🚀 🚀 🚀
I spent the last two weekends rebuilding my website extraction tool Zipit.
Looking for feedback from people who scrape websites , collect design token & more .
I built ZipIt 2.0 to make it easier to inspect and extract data from modern websites without piecing together multiple tools.
Instead of only downloading HTML, it also extracts the design layer and assets.
What's new in 2.0
⚡ Faster extraction engine
📦 Download complete websites as ZIPs
🖼️ Export editable Figma layers
🎨 Extract colours, typography, spacing & design tokens
🧩 Inspect UI components
📤 Export clean HTML/CSS , Images ,Videos , Lottie Json etc
☁️ Save assets and design systems to the cloud with ZipIt Web
♿ SEO and accessibility audit Insights in one click
🤖 Generate AI prompts to recreate interfaces with any ai tools
The goal isn't to replace frameworks like Scrapy or Playwright. It's aimed at designers, frontend developers, and anyone who wants to quickly inspect or reverse engineer a website's UI and assets.
I've got nearly 400 users on the Chrome Web Store, but I'd really value feedback from people who scrape websites regularly.
Some questions:
What websites or edge cases usually break extraction tools?
What features would make this genuinely useful in your workflow?
Any obvious limitations you'd expect before trying it?
You can try it here:
https://zipit.blintix.store
Happy to answer technical questions about how it works or discuss implementation details.
The harder test might be a dashboard that loads most of its interface after the page opens. I'd be curious whether the Figma export still comes through as something you can easily edit.