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
Full-Stack Social Network — Learning by building a Facebook clone
I built this project to see whether I could create a full-stack application like Facebook. It was a learning project that helped me connect an interface with the data behind it.
What I built
I developed a Facebook clone, working through post fetching, Firebase Storage, and Facebook and Google login.
The hardest parts were implementing storage and retrieving posts to display in the interface. They gave me practical experience connecting the frontend with application data.
Small details I enjoyed
One of my favorite features was the search bar. I closely recreated Facebook’s interaction: the search icon slides out when the input receives focus, and a back arrow slides in.
Getting that animation smooth made me happy. I also spent time on smaller touches, including hover effects on the Like buttons.
What I learned
This project helped me gain confidence in full-stack development and taught me how to implement social login.
It also reminded me how much I enjoy polishing an interface. Working through the data was challenging, while the small interactions made the process especially rewarding.
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
Related posts
Built a Conversion-Focused Shopify Store for True Fresh 🧼
Just completed a Shopify store for True Fresh, a brand specializing in washing machine and appliance cleaning products.
The goal was to create a clean, trustworthy storefront that makes it easy for customers to understand the product, see the results, and make a purchase.
What I built:
→ Figma to pixel-perfect Shopify development
→ Mobile-first responsive design
→ Conversion-focused product pages
→ Washing machine cleaning product showcases
→ Before & after cleaning comparisons
→ Product bundles & upsells
→ Customer reviews & social proof
→ FAQ sections to reduce purchase friction
→ Blog integration for SEO
→ Clean, modern UI/UX
→ Performance-focused development
Tech stack:
Shopify • Liquid • HTML/CSS • JavaScript
The store is designed around the product's key selling points: removing buildup and odors, easy monthly maintenance, compatibility with different washer types, and building trust through reviews and product education.
🔗 Live store: https://true-fresh.com/
Looking to build or improve a Shopify store for your brand? Let’s connect.
#Shopify #ShopifyDeveloper #ShopifyStore #Ecommerce #DTC #WebDevelopment #ConversionRateOptimization #Freelance
Hello everyone, this is a prototype of a B2B Marketplace that can help construction companies sell more, manage easily supplier contacts and quotes request from theirs clients, the platform can be adapted to many fields in construction starting from metal to interior home suppliers. reach me out if you think this is useful for your business so i can customize it for you 😊
Quote requests usually need a status per supplier—sent, answered, revised or expired—so buyers can compare offers in one place. Did you model each supplier’s response separately from the original request?
Trax Omni: Multi-Company Sales CRM + Mobile App, Built From Scratch
THE PROBLEM
Small and growing sales teams run on WhatsApp chats, Instagram DMs, spreadsheets and memory. Leads come from five places, nobody knows who replied to whom, follow-ups are forgotten, and the owner can't see what's actually in the pipeline. Every slow reply is a lost customer.
WHAT WE BUILT
Trax Omni, a complete sales CRM product, designed and built from scratch by UI Trax:
Product website: explains the product, shows industry templates, and lets a business create its own workspace
Today dashboard: total leads, open pipeline, won revenue, win rate and the next actions to take
Leads: source, stage, value, owner and score for every inquiry, with import and filters
Pipeline: drag-and-drop stages from Inquiry to Won, with custom stages
Sales Copilot: ask in plain words ("show my hot leads with no activity for 3 days"); it finds leads and drafts follow-ups, and nothing changes until you confirm
Tasks & follow-ups: open, overdue and completed tasks, so no lead goes cold
Automations: round-robin lead assignment, follow-up tasks and stage-based next steps
Reports & forecast: pipeline distribution, weighted forecast and revenue targets
Team & roles: separate owner, manager and employee views; each person sees only what they should
Campaigns: Meta and TikTok lead campaigns, with their leads brought into the pipeline
Quotes & invoices, WhatsApp inbox and email connected to each lead
Mobile app for iOS & Android with a full English and Urdu interface
HOW IT WAS BUILT
Multi-company setup: each business gets its own private workspace
Backend in Node.js with a PostgreSQL database
Mobile app in React Native (Expo)
Secure sign-in with Google Workspace / Microsoft SSO and MFA
Automated test suites for the backend, the mobile app and the dashboards
STATUS
Built and in final launch testing. The screens show sample data from the interactive preview.
