Skip to content

Taj010/web103_finalproject

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

StickerStory

CodePath WEB103 Final Project

Designed and developed by: Kelly Chan, Arsheen Taj Syed

🔗 Link to deployed app: https://stickerystory.onrender.com/

About

Description and Purpose

StickerStory is a digital memory journal that lets users creatively capture and preserve their favorite moments. Users can create multiple journals and fill each journal with scrapbook-style pages. On each page, users can upload photos, add decorative stickers, doodles, and text, and attach labels, descriptions, locations, and dates. To make pages more personal, users have the option of responding to random prompts and even attach a Spotify song to capture the mood of the moment.

The purpose of StickerStory is to give users a fun, creative, and interactive way to document memories and reflect on their experiences. It combines journaling, scrapbooking, and music in one app, making it both personal and shareable for users who want to save and revisit their favorite moments over time.

Inspiration

Our inspiration stems from the nostalgia of physical scrapbooking combined with the modern convenience of digital journaling apps. We aimed to create an experience that transcends simple text-based logs, providing a rich, visual, and highly personal way to document life. The inclusion of stickers and doodling mimics the tactile joy of paper scrapbooks, while features like Spotify integration and prompt generation add a unique digital twist to the memory-capturing experience.

Tech Stack

Frontend: HTML, CSS, JavaScript

Backend: Express, Node.js, PostgreSQL

Features

✅ Journal & Page Creation (Baseline)

Users can create, name, and manage multiple distinct journals and add new blank pages to any journal.

demo

https://imgur.com/a/jx9wb8L

✅ Multimedia Page Editor (Baseline)

Allows users to upload a photo, add a text description, and attach a date/location to a page.

demo https://imgur.com/a/nWyYdsu

✅ Sticker & Doodle Toolkit (Custom)

Users can select from a library of digital stickers and use a doodling tool to personalize their page design.

demo https://imgur.com/a/FHzCOxQ

✅ Spotify Song Link (Custom)

Users can link a Spotify song URL to a page to capture the mood, storing the song data in a one-to-one relationship.

demo https://imgur.com/a/IzWDR47

✅ Memory Prompt Generator

Users can opt to respond to a random, inspiring prompt (e.g., "What was the most surprising thing that happened today?") to help spark a memory.

demo https://imgur.com/a/UmzoKx1

✅ Tagging and Filtering

Users can tag pages with labels (e.g., “vacation,” “family”) and filter pages by these tags.

demo https://imgur.com/a/lcUS98W

Installation Instructions

No need for installation :P

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 74.9%
  • CSS 24.1%
  • HTML 1.0%