-
-
A snapshot of the Home page showing a post, navigation bar and other functionalities.
-
The profile page, with user profile pictures, bios and posts.
-
A search tool, to find relevant posts quickly.
Inspiration
Whilst struggling to brainstorm ideas, a flatmate decided to chip in saying "How about you guys make a blog/social media for sharing smoothie recipes?" This thought came from a dilemma she was having, where she would browse Instagram for healthy snack ideas but the best pictures and ideas had no accompanying recipes, so she wouldn't exactly know how to re-create them for herself.
What it does
The application is simple enough, users can log in and browse content shared by other users. This includes an image, a title, a description and an ingredients list. The user may create a post, like and dislike other posts. We have a search page, where recipes can be found based on ingredients and descriptions. The user has their own profile page with a picture and a bio- they can view all of their post history and visit the pages of other users to view their posts.
How we built it
Painfully enough, we only used Node to run the server, and hard coded the rest using HTML, CSS and JavaScript.
Challenges we ran into
Both members of our team have never had any web development experience and it is also our very first hackathon. Naturally, this project was a steep learning curve for both of us (Carl dedicated himself to back-end and James to the front-end). There were several instances of annoying bugs (as always) such as the star ratings never working, constant server crashes, James deleting the database on multiple occasions and CSS styling being the worst™. On the majority of these issues, we pulled through in the end.
Accomplishments that we're proud of
We are proud of the fact we had a minimum deliverable product coded from scratch with barely any experience. We are proud that we were able to do this especially considering this was our first hackathon. :sparkle:
What we learned
James learned plenty about HTML, CSS and JavaScript for constructing page layouts and giving them functionality. As well as how the front-end and back-end communicate and coordinate. Carl became acquainted with Node and delivering website content from a server in a coherent manner as well as dealing with multiple data types (including file uploads, primitives and database storage).
What's next for Smoothie Hub
Perhaps we will work on it another time, but for now we would consider moving onto new, more complex projects with our newfound skills. Its been a great 48 hour journey!
Log in or sign up for Devpost to join the conversation.