CSCI 5117, Spring 2022, assignment description
- Team Name: Team 7
- App Name: Gymstagram
- App Link: https://csci5117-project1-team7.herokuapp.com/
- Jeffrey Jia, [email protected]
- Calvin Tran, [email protected]
- Thomas Nguyen, [email protected]
- Hughdan Liu, [email protected]
Describe the most challenging features you implemented (one sentence per bullet, maximum 4 bullets):
- Implementing functionality for likes which utilized heavy amounts of AJAX
- Learning the BeautifulSoup4 Documentation to efficiently scrape quote sites
- Implementing the followers and following functinality.
Is there anything special we need to know in order to effectively test your app? (optional):
- ...
Add a screenshot of each key page (around 4) along with a very brief caption:
This is the home page / landing page where randomly loaded motivational quotes are displayed and scraped with BeautifulSoup.
Explore page = posts from all Gymstagram users are displayed ordered by latest time stamp.
Following page = posts from those you follow are visible and displayed by latest time stamp.
As a logged in user, you're able to observe the posted user's image, caption, and exercises. You're also able to interact with the posted user by liking or commenting on the post.
On your Profile page, you're able to see the your profile picture, username, full name, follower/following count, post count, and bio. At the bottom you can see your posts on Gymstagram with the ability to edit the description or delete the post.
On creation of a new post, you're required to add a picture and a caption. Tag's are optional inside the caption, but makes finding posts way easier. You can also add exercises if you so choose.
Upon viewing a post, you can look at the picture closer, and also have the ability to comment on this post or like. You can edit and delete your own post if you want as well.
There are a few tools for mock-ups. Paper prototypes (low-tech, but effective and cheap), Digital picture edition software (gimp / photoshop / etc.), or dedicated tools like moqups.com (I'm calling out moqups here in particular since it seems to strike the best balance between "easy-to-use" and "wants your money" -- the free teir isn't perfect, but it should be sufficient for our needs with a little "creative layout" to get around the page-limit)
In this space please either provide images (around 4) showing your prototypes, OR, a link to an online hosted mock-up tool like moqups.com
Add images/photos that show your paper prototype (around 4) along with a very brief caption:
Link to prototype (Updated): https://app.moqups.com/5frE3V4AWB/view/page/a227f713d
Document integrations with 3rd Party code or services here. Please do not document required libraries. or libraries that are mentioned in the product requirements
- Library or service name: description of use
- BeautfiulSoup4: Scrape gym quotes off of https://upperhand.com/50-motivational-workout-quotes/
If there's anything else you would like to disclose about how your project relied on external code, expertise, or anything else, please disclose that here:
...
Frontend: https://www.w3schools.com/howto/howto_css_searchbar.asp
Button styling: https://getcssscan.com/css-buttons-examples
Navigation bar responsive: https://purecss.io/layouts/tucked-menu-vertical/
Quote of the day: https://codepen.io/cliftwalker/pen/XJaEXY
Implementing appearance of 3D text: https://markdotto.com/playground/3d-text/