Skip to content

SnapPenn is a photo editor web app where students can celebrate and record their life experiences at Penn. The features of the app include adding UPenn stickers to photos, adding a red/blue color filter, changing the background to UPenn campus.

Notifications You must be signed in to change notification settings

zhihuizhang0625/HackathonWinter2022

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Screenshot 2023-09-22 at 3 36 20 PM

📂 Project Name: Snap Penn

👨‍👨‍👦‍👦Project Team member:

Name Year

Clara Zhang 2023

May Lai 2023

Mati Davis 2023

Bala Thenappan 2023

Chris Yu 2023

💡General Idea:

People often post “themed” photos on social media. They’ll update their Facebook profile picture with an “I Voted” sticker during election week or with a frame representing their club during club recruitment season. However, there aren’t any tools to easily create such photos with a Penn theme. So we created an app that allows people to add Penn stickers, blue/red filters, or Penn frames to their photos.

To use this tool, users need to upload a jpg or png to the app, choose what type of edits they’d like to make to their photo, and then download the edited photo from the app. We hope “Penn Snap” gives students a way to express their school pride and creates a strong sense of community amongst MCIT students.

📋Anticipated Stack: We used “React” to design the app. 📱Front end: We mainly rely on javascript and css to beautify the website design and use online libraries to create better-looking features like buttons 📱Back end: Javascript’s “JIMP” library powered the image editing done on the backend of our app 📱Deploy We use an app called “netlify” to publicize our web app

👩🏻‍💻How to run the code:

  1️⃣Need to download React App and Node.js
  
  2️⃣In the terminal, run ‘npm install’ if it’s the first time using this program
  
  3️⃣And then type ‘npm start’ to run the entire program and initiate the website on your selected browser

🔗Website Link: https://pennsnap.netlify.app/

🔗Presentation URL: https://docs.google.com/presentation/d/1oetACHqfe3oqtLNBIMV8ggj096MSN1drmKhFIPFP5Fc/edit#slide=id.ge55866b698_1_18

🔗DevPost URL: https://devpost.com/software/snap-penn

NOTES: Our original project is in another github repo. But things got too messy so we moved to this new repository. old repo: https://github.com/zhihuizhang0625/Hackathon2022.git

About

SnapPenn is a photo editor web app where students can celebrate and record their life experiences at Penn. The features of the app include adding UPenn stickers to photos, adding a red/blue color filter, changing the background to UPenn campus.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published