Keep things Simple

Designs :

https://excalidraw.com/#json=hG77d6AJiYi9lgWt6My75,Cp_RVTthinwlLPrGyK1Q8Q

Requirements

  1. Users should able to upload Post, CRUD Operations on Posts *[ Image, Title, Created at, uuid ]*
  2. Post should be showcase on web : using grid, flex box for aligning posts
  3. Future Plans : Like Post, Comment on Post, Share Post

Project Setup

  1. Setup Database : supabase.com we are using Postgres SQL for storing data in cloud
  2. Create Tables like : users, posts, comments, etc….

Frontend Part

Name Usage
Framework Sveltekit
CSS Tailwind CSS, Shadcn UI
Image Storing Cloudniary or Supabase Bucket

SvelteKit docs

Image and Video Upload, Storage, Optimization and CDN

Installations Sveltekit

  1. Create New Folder : social-media
npm create svelte@latest social-site
cd social-site
npm i 
npm run dev

Now visit localhost:5173 to check the website

  1. Add CSS : Tailwind CSS & Shadcn to website for Beautiful Components
npx @svelte-add/[email protected]
npm i -D daisyui@latest