Filter

.gitignore

@@ -0,0 +1,7 @@
+node_modules/
+.env
+package-lock.json
+.vite/
+uploads/
+dist/
+*.log

README.md

@@ -1,48 +1,64 @@
-# [your app name here]
+# StickerStory
 
 CodePath WEB103 Final Project
 
-Designed and developed by: [your names here]
+Designed and developed by: Kelly Chan, Arsheen Taj Syed
 
 🔗 Link to deployed app:
 
 ## About
 
 ### Description and Purpose
 
-[text goes here]
+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.
 
-### Inspiration
+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.
 
-[text goes here]
+### 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:
-
-Backend:
+Frontend: HTML, CSS, JavaScript
+Backend: Express, Node.js, PostgreSQL
 
 ## Features
 
-### [Name of Feature 1]
+### ✅ Journal & Page Creation (Baseline)
+Users can create, name, and manage multiple distinct journals and add new blank pages to any journal.
 
-[short description goes here]
+![demo](https://i.imgur.com/PgJRgdl.gif)
 
-[gif goes here]
+https://imgur.com/a/jx9wb8L
 
-### [Name of Feature 2]
+### ✅ Multimedia Page Editor (Baseline)
+Allows users to upload a photo, add a text description, and attach a date/location to a page.
 
-[short description goes here]
+![demo](https://i.imgur.com/FPAKhak.gif)
+https://imgur.com/a/nWyYdsu
 
-[gif goes here]
+### ✅ 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://i.imgur.com/LqaPYqy.gif)
+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://i.imgur.com/OQQkUfs.gif)
+https://imgur.com/a/IzWDR47
 
-### [Name of Feature 3]
+### ✅ 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.
 
-[short description goes here]
+![demo](https://i.imgur.com/KxUJecE.gif)
+https://imgur.com/a/UmzoKx1
 
+### Tagging and Filtering
+Users can tag pages with labels (e.g., “vacation,” “family”) and filter pages by these tags.
 [gif goes here]
 
-### [ADDITIONAL FEATURES GO HERE - ADD ALL FEATURES HERE IN THE FORMAT ABOVE; you will check these off and add gifs as you complete them]
 
 ## Installation Instructions
 

milestones/milestone1.md

@@ -6,27 +6,27 @@ This document should be completed and submitted during **Unit 5** of this course
 
 This unit, be sure to complete all tasks listed below. To complete a task, place an `x` between the brackets.
 
-- [ ] Read and understand all required features
-  - [ ] Understand you **must** implement **all** baseline features and **two** custom features
-- [ ] In `readme.md`: update app name to your app's name
-- [ ] In `readme.md`: add all group members' names
-- [ ] In `readme.md`: complete the **Description and Purpose** section
-- [ ] In `readme.md`: complete the **Inspiration** section
-- [ ] In `readme.md`: list a name and description for all features (minimum 6 for full points) you intend to include in your app (in future units, you will check off features as you complete them and add GIFs demonstrating the features)
-- [ ] In `planning/user_stories.md`: add all user stories (minimum 10 for full points)
-- [ ] In `planning/user_stories.md`: use 1-3 unique user roles in your user stories
-- [ ] In this document, complete all thre questions in the **Reflection** section below
+- [X] Read and understand all required features
+  - [X] Understand you **must** implement **all** baseline features and **two** custom features
+- [X] In `readme.md`: update app name to your app's name
+- [X] In `readme.md`: add all group members' names
+- [X] In `readme.md`: complete the **Description and Purpose** section
+- [X] In `readme.md`: complete the **Inspiration** section
+- [X] In `readme.md`: list a name and description for all features (minimum 6 for full points) you intend to include in your app (in future units, you will check off features as you complete them and add GIFs demonstrating the features)
+- [X] In `planning/user_stories.md`: add all user stories (minimum 10 for full points)
+- [X] In `planning/user_stories.md`: use 1-3 unique user roles in your user stories
+- [X] In this document, complete all three questions in the **Reflection** section below
 
 ## Reflection
 
 ### 1. What went well during this unit?
 
-[👉🏾👉🏾👉🏾 your answer here]
+Planning and thinking about the capstone project. 
 
 ### 2. What were some challenges your group faced in this unit?
 
-[👉🏾👉🏾👉🏾 your answer here]
+Coordinating the timings and distributing the work among all. 
 
 ### 3. What additional support will you need in upcoming units as you continue to work on your final project?
 
-[👉🏾👉🏾👉🏾 your answer here]
+Guiding with resources and feedback on the idea and implementation plan. 

milestones/milestone2.md

@@ -6,24 +6,24 @@ This document should be completed and submitted during **Unit 6** of this course
 
 This unit, be sure to complete all tasks listed below. To complete a task, place an `x` between the brackets.
 
-- [ ] In `planning/wireframes.md`: add wireframes for at least three pages in your web app.
-  - [ ] Include a list of pages in your app
-- [ ] In `planning/entity_relationship_diagram.md`: add the entity relationship diagram you developed for your database.
-  - [ ] Your entity relationship diagram should include the tables in your database.
-- [ ] Prepare your three-minute pitch presentation, to be presented during Unit 7 (the next unit).
-  - [ ] You do **not** need to submit any materials in advance of your pitch.
-- [ ] In this document, complete all three questions in the **Reflection** section below
+- [X] In `planning/wireframes.md`: add wireframes for at least three pages in your web app.
+  - [X] Include a list of pages in your app
+- [X] In `planning/entity_relationship_diagram.md`: add the entity relationship diagram you developed for your database.
+  - [X] Your entity relationship diagram should include the tables in your database.
+- [X] Prepare your three-minute pitch presentation, to be presented during Unit 7 (the next unit).
+  - [X] You do **not** need to submit any materials in advance of your pitch.
+- [X] In this document, complete all three questions in the **Reflection** section below
 
 ## Reflection
 
 ### 1. What went well during this unit?
 
-[👉🏾👉🏾👉🏾 your answer here]
+Designing the low-fidelity wireframes for our project went really well. Our group had similar ideas about how we wanted StickerStory to look and function, so the process felt smooth and collaborative. It was fun seeing our ideas come to life visually and realizing we were all on the same page about the app’s layout and features.
 
 ### 2. What were some challenges your group faced in this unit?
 
-[👉🏾👉🏾👉🏾 your answer here]
+One challenge we faced was narrowing down all of our ideas into something that’s realistic for our timeline. We had a lot of creative concepts, like music integration and sticker customization, but had to decide which ones were essential for the first version of our app. It was also a bit tricky coordinating what parts we should do, so communication took some extra effort.
 
 ### 3. What additional support will you need in upcoming units as you continue to work on your final project?
 
-[👉🏾👉🏾👉🏾 your answer here]
+As we move forward, we’ll need more support with the technical side of implementation, especially setting up the database relationships (like many-to-many tables) and integrating external APIs such as Spotify. We’d also appreciate guidance on front-end design tools or techniques to help us make the sticker and collage features both functional and visually appealing.

milestones/milestone3.md

@@ -8,34 +8,35 @@ This unit, be sure to complete all tasks listed below. To complete a task, place
 
 You will need to reference the GitHub Project Management guide in the course portal for more information about how to complete each of these steps.
 
-- [ ] In your repo, create a project board. 
+- [X] In your repo, create a project board. 
   - *Please be sure to share your project board with the grading team's GitHub **codepathreview**. This is separate from your repository's sharing settings.*
-- [ ] In your repo, create at least 5 issues from the features on your feature list.
-- [ ] In your repo, update the status of issues in your project board.
-- [ ] In your repo, create a GitHub Milestone for each final project unit, corresponding to each of the 5 milestones in your `milestones/` directory. 
-  - [ ] Set the completion percentage of each milestone. The GitHub Milestone for this unit (Milestone 3 - Unit 7) should be 100% completed when you submit for full points.
-- [ ] In `readme.md`, check off the features you have completed in this unit by adding a ✅ emoji in front of the feature's name.
-  - [ ] Under each feature you have completed, include a GIF showing feature functionality.
-- [ ] In this documents, complete all five questions in the **Reflection** section below.
+- [X] In your repo, create at least 5 issues from the features on your feature list.
+- [X] In your repo, update the status of issues in your project board.
+- [X] In your repo, create a GitHub Milestone for each final project unit, corresponding to each of the 5 milestones in your `milestones/` directory.
+  - [X] Set the completion percentage of each milestone. The GitHub Milestone for this unit (Milestone 3 - Unit 7) should be 100% completed when you submit for full points.
+- [X] In `readme.md`, check off the features you have completed in this unit by adding a ✅ emoji in front of the feature's name.
+  - [X] Under each feature you have completed, include a GIF showing feature functionality.
+- [X] In this documents, complete all five questions in the **Reflection** section below.
 
 ## Reflection
 
 ### 1. What went well during this unit?
 
-[👉🏾👉🏾👉🏾 your answer here]
+We were able to organize and divide the work effectively and complete the implementations easily, and there have been no merge issues so far. 
 
 ### 2. What were some challenges your group faced in this unit?
 
-[👉🏾👉🏾👉🏾 your answer here]
+The initial setup and how to set up the file structures were something we had to think about. 
 
 ### Did you finish all of your tasks in your sprint plan for this week? If you did not finish all of the planned tasks, how would you prioritize the remaining tasks on your list?
 
-[👉🏾👉🏾👉🏾 your answer here]
+Yes, we were able to implement the features we wanted and have the journal pages and setup we wanted for this milestone. 
 
 ### Which features and user stories would you consider “at risk”? How will you change your plan if those items remain “at risk”?
 
-[👉🏾👉🏾👉🏾 your answer here]
+The Auto-Generated Starter Pages feature, I think it's "at risk" because this feature was introduced as a stretch goal rather than a core requirement. Our current focus is on delivering a solid journaling and scrapbooking experience. Auto-generating starter pages involves additional complexity, such as template creation and logic for personalization, which may divert resources from the primary goal.
+
 
 ### 5. What additional support will you need in upcoming units as you continue to work on your final project?
 
-[👉🏾👉🏾👉🏾 your answer here]
+Perhaps show how to pull from the main branch without conflicts and test the code written by others more efficiently; that would be helpful.