Introduction

Pixel-Palace is a social media image sharing platform. It built using the latest AI tools, including Webcrumbs Frontend AI and Lovable, to generate a fully functional web application with a modern tech stack. The app allows users to upload images, like, comment on posts, follow other users, and more.

Live Demo

Live URL: Pixel-Palace

Tech Stack & Tools Used

• Webcrumbs Frontend AI – to generate the entire frontend UI with a simple prompt
• Lovable AI – to generate all pages, Supabase schema, RLS policies, and logic
• React + Vite + TypeScript
• Tailwind CSS + shadcn/ui
• Supabase for backend and auth

How to Clone & Contribute

1. Clone the repository

git clone https://github.com/Studio1HQ/social-media-image-app

2. Navigate into the project

cd social-media-image-app

3. Install dependencies

npm install

4. Set up environment variables

const SUPABASE_URL = "YOUR_SUPABASE_URL";
const SUPABASE_PUBLISHABLE_KEY = "YOUR_SUPABASE_KEY";

5. Run the app locally

npm run dev