Automating frontend for the CMU prefrosh page.
Tech Stack:
- Frontend: Svelte (Vite + TypeScript)
- Backend: Go
- Database: PostgreSQL
- Add image processing on client side (compress and crops to ideal aspect ratio as supported by instagram API)
- Image processing for the first slide, we need to be able to frame an image like the Co2030 account does in the red or blue frame randomly (it alternates iirc)
- Post preview for client
- Continous uploads: when a client uploads an image it should automatically sync to the backend ASAP so that their progress is saved
- All of backend should be reviewed/written
To get started, follow these steps:
- Clone the repository:
git clone https://github.com/yourusername/cmuinsta.git
- Make sure you have NixOS with DirEnv installed, similar if not same as Terrier contribution setup
- Navigate to the project directory:
git clone https://github.com/etashj/cmuinsta.git cd cmuinsta - Copy the
.env.samplefile and modify - Run the app for development or production
just dev just up
- Kill the app
just down
- If something goes wrong idk what to do tbh
just dev: Start the full stack in development mode.just build: Compile the backend and frontend for production.just clean: Remove build artifacts (bin/,dist/,node_modules/).just db-init: Initialize the local Postgres database.just db-start: Start the database manually.just db-stop: Stop the database.just db-shell: Open apsqlshell to the local database.