{"id":30619063,"url":"https://github.com/ashbuk/pic-share","last_synced_at":"2026-05-06T19:02:05.595Z","repository":{"id":311002004,"uuid":"1040940777","full_name":"AshBuk/pic-share","owner":"AshBuk","description":"Image sharing instagram-like app","archived":false,"fork":false,"pushed_at":"2025-08-28T12:03:03.000Z","size":355,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-08-28T19:26:38.943Z","etag":null,"topics":["nextjs","shadcn-ui","supabase","typescript","vercel","webapp"],"latest_commit_sha":null,"homepage":"https://pics-share.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/AshBuk.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-08-19T18:27:32.000Z","updated_at":"2025-08-28T12:03:06.000Z","dependencies_parsed_at":"2025-08-21T15:47:39.066Z","dependency_job_id":null,"html_url":"https://github.com/AshBuk/pic-share","commit_stats":null,"previous_names":["ashbuk/pic-share"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/AshBuk/pic-share","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AshBuk%2Fpic-share","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AshBuk%2Fpic-share/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AshBuk%2Fpic-share/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AshBuk%2Fpic-share/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AshBuk","download_url":"https://codeload.github.com/AshBuk/pic-share/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AshBuk%2Fpic-share/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":272847476,"owners_count":25003207,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-30T02:00:09.474Z","response_time":77,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["nextjs","shadcn-ui","supabase","typescript","vercel","webapp"],"created_at":"2025-08-30T12:17:00.715Z","updated_at":"2026-05-06T19:02:05.586Z","avatar_url":"https://github.com/AshBuk.png","language":"TypeScript","funding_links":["https://github.com/sponsors/AshBuk","https://www.paypal.com/donate/?hosted_button_id=R3HZH8DX7SCJG"],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n\n\u003cimg width=\"550\" height=\"635\" alt=\"pics-share\" src=\"https://github.com/user-attachments/assets/3841d59a-4b92-4db0-a536-2fd3409d48dd\" /\u003e\n\n\u003e A Demo Project – Instagram-like photo sharing application built in 24 hours as part of a coding challenge\n\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n[![Deployed on Vercel](https://img.shields.io/badge/Deployed%20on-Vercel-black?style=for-the-badge\u0026logo=vercel)](https://pics-share.vercel.app)\n[![Supabase](https://img.shields.io/badge/Supabase-green?style=for-the-badge\u0026logo=supabase)](https://supabase.com/)\n\n[![Next.js](https://img.shields.io/badge/Next.js-15-black?style=for-the-badge\u0026logo=next.js)](https://nextjs.org/)\n[![TypeScript](https://img.shields.io/badge/TypeScript-5-blue?style=for-the-badge\u0026logo=typescript)](https://www.typescriptlang.org/)\n[![Tailwind CSS](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge\u0026logo=tailwind-css)](https://tailwindcss.com/)\n\n[![shadcn/ui](https://img.shields.io/badge/shadcn%2Fui-black?style=for-the-badge)](https://ui.shadcn.com/)\n\n\u003c/div\u003e\n\n## About\n\n**📸 PicShare project was built as part of a coding challenge to demonstrate full-stack development skills. The task was to create a **modern Instagram-like photo sharing application** with full functionality in a limited timeframe.**\n\n## Live Demo\n\n**🔗 [View Live Application](https://pics-share.vercel.app)**\n\n_Demo version on Vercel with authentication disabled — guest mode only._\n\n### Development Story\n\n**Timeline:** Built in ~24 hours  \n**Challenge:** Create a feature-complete demo social media app from scratch.\n**Afterwards**, I made several commits (linter/formatter, cascading data deletion on profile removal, real-time updates) to harden the app.\n\n**Development Process:**\n\n- **v0.dev** - Used for rapid UI prototyping and component generation\n- **Cursor + Claude** - AI-assisted development for debugging, optimization, and code refinement\n- **Manual refinement** - Custom logic, performance optimizations, and UX improvements\n\n### ✨ Key Features\n\n- 🔐 **Authentication** - Email/password signup and login\n- 📸 **Photo Upload** - Drag \u0026 drop with file validation (5MB limit)\n- 🖼️ **Image Gallery** - Responsive grid layout with infinite scroll\n- ❤️ **Social Features** - Like and comment on posts in real-time\n- 🌙 **Dark/Light Mode** - System preference support with manual toggle\n- 📱 **Responsive Design** - Mobile-first approach, works on all devices\n- ⚡ **Real-time Updates** - Live likes, comments, and new posts\n- 🎨 **Modern UI** - Glassmorphism effects, smooth animations\n\n### Tech Stack\n\n**Frontend:**\n\n- **Next.js 15** with App Router\n- **TypeScript** (strict mode)\n- **Tailwind CSS** + **shadcn/ui** components\n- **React Hook Form** + **Zod** validation\n- **Lucide React** icons\n\n**Backend:**\n\n- **Supabase** - Database, Auth, Storage, Real-time subscriptions\n- **PostgreSQL** with Row Level Security (RLS)\n- **Supabase Storage** for image hosting\n\n**Performance \u0026 UX:**\n\n- Image optimization with `next/image`\n- Component memoization for performance\n- Loading states and skeleton components\n- Error boundaries and proper error handling\n\n## Architecture Highlights\n\n- **Clean separation of concerns** - hooks/, components/, lib/ structure\n- **Custom React hooks** - Reusable business logic\n- **TypeScript interfaces** - Full type safety throughout\n- **Performance optimized** - Memoized components, lazy loading\n- **Real-time architecture** - Supabase subscriptions for live updates\n\n## For Developers\n\nFor development setup, deployment instructions, and technical details, see [DEVELOPMENT.md](./DEVELOPMENT.md).\n\n## MIT [LICENSE](LICENSE)\n\n## ⭐ Support\n\nIf this project helped you learn something new, please consider:\n\n- ⭐ **Starring this repository**\n- 💖 **Sponsoring** my open source works:\n\n[![Sponsor](https://img.shields.io/badge/Sponsor-💖-pink?style=for-the-badge\u0026logo=github)](https://github.com/sponsors/AshBuk) [![PayPal](https://img.shields.io/badge/PayPal-00457C?style=for-the-badge\u0026logo=paypal\u0026logoColor=white)](https://www.paypal.com/donate/?hosted_button_id=R3HZH8DX7SCJG)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fashbuk%2Fpic-share","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fashbuk%2Fpic-share","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fashbuk%2Fpic-share/lists"}