Project Overview:
Our project during this Sprint was to build an interactive social media webpage and use backend applications to draw data that can be used in our social media webpage. Our webpage was based off of book reviews, in which a certain number of popular books can be discussed by users.
Key features: Like function, rate function, comment and reply functions, as well as post function
Collaboration Evidences
- We split work into frontend and backend
- We also used an incremental process, in which we started with the generalized aspects and then narrowed it down. We began by making a book card and then testing at, and then incrementally adding all of our other features onto that card, testing each one as we went. At the end, we changed color and styling.
- Prototype: We used pinterest images to format a general look and develop a UI for our webpage in order to make it visually appealing and interactive. Link to Vision Board
- We organized our code into frontend repositories and backend repositories. Our frontend repositories were split into pages, with one page being the main book review page and the second containing the post form. The code for these pages was organized into HTML and Javascript. Our backend repository was split into groups, channels, and sections, with code in Python.
- Feedback: Improving the interactivity of the website and making it more visually appealing.
Program Function and Purpose
- Our program displays a new book everytime the page is refreshed. Users can provide their personal experience regarding the book by rating the book out of five stars, liking the book, commenting on the book, and replying to others’s comments. They can post about new books they’ve read in the post form, by selecting the book reviews group and choosing either fiction or nonfiction channels.
- Key user interactions: Commenting and liking on each other’s posts and posting things in certain channels. The input is the user reply and the output is the post count and comment sections
Summary
I learned a lot in this sprint, including how to build a visually appealing user interface, how to test backend endpoints using postman, how to change data in databases, and how to use Javascript to style data in databases, and how to edit data in backend to represent our needs.
Greatest Accomplishment
Our greatest accomplishment during this sprint was to be able to fine tune our page to make it look exactly like the vision. Everything works better than expected, and it’s like a version of Goodreads but more interactive and personal. We also learned how to use postman to test our backend endpoints, which was very helpful with testing our backend data.