StickerCreate

StickerCreate is a team-built web app for creating custom stickers and GIFs from uploaded images and videos.

Users can crop, resize, and filter images; trim and edit videos; export videos as GIFs; save drafts; publish creations; follow other users; and bookmark feed items privately.

team

Built by:

• Bella D'Aquino — GitHub
• Faith Winford — GitHub
• Lily Luo — GitHub
• Lia Yoonseo Jang — GitHub

my contributions

• building the image/GIF editor flow, including upload, crop, resize, filters, previews, and export behavior
• adding GIF tools such as trim controls, resize presets, playback speed options, and text overlays
• improving media handling across the frontend and backend, including upload validation, conversion routes, and error states
• contributing to user features, UI cleanup, tests, CI/lint workflows, and documentation

tech stack

• frontend: React, Vite, HTML, CSS, JavaScript
• backend: Express, Node.js
• database: MongoDB, GridFS
• auth: JWT
• testing: Vitest, backend test suite
• deployment: Docker Compose, GitHub Actions

features

• image upload, crop, resize, filter, and export
• video upload, trim, resize, filter, and GIF export
• user accounts and authentication
• saved drafts
• publishable feed
• follow system
• private bookmarks on feed items
• local full-stack setup with Docker Compose
• CI workflow for build and tests

deployed app

Production URL: https://67.205.189.121.nip.io/

Note: this deployment may not remain active long-term.

running locally

prerequisites

• Node.js
• npm
• MongoDB
• JWT secret

backend

cd back-end
npm install
cp .env.example .env
npm run dev

Set the required environment variables in back-end/.env:

MONGODB_URI=your_mongodb_connection_string
JWT_SECRET=your_jwt_secret

frontend

cd front-end
npm install
npm run dev

Open:

http://localhost:5173

docker

From the repo root:

cp .env.deploy.example .env
docker compose up --build

Open:

http://localhost:8080

tests

Area	Command
Back-end tests	cd back-end && npm test
Back-end coverage	cd back-end && npm run coverage
Front-end tests	cd front-end && npm test -- --run

project docs

• Contributing
• UX Design
• Frontend README
• Backend README

security notes

• never commit .env files
• keep MONGODB_URI and JWT_SECRET private
• use .env.example files for placeholder values only