Social-Feed is a foodie dedicated social media page. It looks to encourage foodies to share their ideas, view others content and become up-to-date with the latest foodie news.
- See foodie releated posts by content creators.
- Promote hospitaltiy businesses.
- Share experiences, ideas and content with other foodies.
- As a Site User I can view a paginated list of posts so that I can select which post I want to view
- As a Site User I can view a list of posts so that I can select one to read
- As a Site User I can click on a post so that I can read the full text
- As a Site User I can view the reccomended posts
- As a Site User I can register an account so that I can comment and like
- As a Site Admin I can create, read, update and delete posts so that I can manage my blog content
- Business - The site is built for Restaurants, Hotels, Cafes & other hospitlaity businesses to promote their work and network with others.
- Blogger - Food & drink bloggers will use the site to connect with enthusiasts and businesses to grow their network.
- Enthusiast - Access to their favourite bloggers, businesses or professionals working in hospitality.
Wireframes were deisgned on Balsamiq
Users can click Register to open the Account Registartion form. The form will allow users to enter a Username, Email and Password before confirming the Password and signing up.
Username - Must be unique to Social-Feed. If the Username is not unique, an error message will appear instructing the user to pick a different username. If successful, the Username can be used to Login to it's account.
Email - Emails must follow expected syntax.
Password & Confirmation - Must follow specific password rules and match the Confirmation. If the password is similar to the Username or Email, an error message will appear.
With an account successfully made, Users can login with their credentials. Firstly, they must either click Login on the navigation bar or click Sign In when prompted during registration.
Username - Users will enter their Username. If incorrect an error message will appear.
Password - Users will enter the correct Password. If incorrect an error message will appear.
Social is the default home page for all users. Social is the newsfeed, displaying all posts by all users in chronological order. Users can navigate the pages of posts using the page number, next, last or previous buttons available at the bottom. In the next version of Social-Feed, it will only display posts from users that you follow.
After registering, users can create their post by clicking Post. Users will then have the posting form available which has to be filled before submitting by clicking the Post button. Posts are used by users to create content such as recipes, events or promoting their business.
By clicking the post title a pos t can be opened. After opening the post, you can view more detail or if you're the post owner, you can update or delete the post. If you're not the owner of the post, you are unable to update or delete the post.
After registering, a profile will be automatically generated. This will display the Username, email and profile picture with an option to update. Additionally, the Profile tab on the navigaion bar will be replaced by the users Username.
Users will be automatically given a standard Profile Picture when registered. They can change their picture at anytime using the Choose File field to select an image and the Update to see confirmation of a successful image change. The image will be automatically reshaped into a circle.
The Reccomended Posts or Feed highlights interesting posts to users such as News, Recipes or Promotions. All of the titles are clickable, a new tab will be opened and the user directed to that page.
On the left of the screen I've added a Sidebar to provide easier navigation for Users. New pages will be added in the future to improve User Experience when navigating the site.
The navigation bar presents the page name, Social, Feed, Post, User and Logout. All of the links work as intended and provide simple navigation for users.
In the future I would want to implement user interaction such as Messaging and Commenting on posts. These feartures would make users use the platform more often, build regular users and increase the amount of content being posted.
Following users and viewing profiles would increase useage and improve expereience. With this addition all types of users could improve their content offering and use the site to leverage their requirements.
With the addition of Video media uploads users would have a wider range of content available to post. This would help improve content variety and assist with growing the user base.
-
HTML5
-
CSS
-
JavaScript
-
Python 3.2
-
GitHub is the repository used for projec codes to be pushed from VSCode.
-
VSCode was the version control used.
-
Balsamiq used to create user flowmaps during the design process.
-
Heroku used to deploy the app to a live cloud based application.
- Tested all key features, responsiveness and links of the site.
- Automated tests setup for the .py pages. All results came back as anticipated.
Deployment failed - I tried deploying via Heroku but was unable to succesfully connect my project. I was working from VSCode and followed set by step guides however was unable to push origin master and finish the final steps. I spent many hours working on this and will continue working out the issue.
- To ensure my CSS code was formatted correctly, I ran it through a formatter which can be found here: CSS Code Formatter
- To ensure my HTML code was formatted correctly, I ran it through a formatter which can be found here: HTML Code Formatter
- To ensure my JavaScript code was formatted correctly, I ran it through a formatter which can be found here: JavaScript Code Formatter
- To ensure my Python code was formatted correctly, I ran it through a PEP8 formatter which can be found here: Python Formatter
- All media and images are owned by me.
- Any unlinked post content was written by me.
- All accounts created were registered by me.
- [Reccomended Post] Pea Porridge by EADT(https://www.eadt.co.uk/news/pea-porridge-receives-only-michelin-star-in-suffolk-7919860)
- [Reccomended Post] FEED is owned by me.(https://jmjry.github.io/feed/)
- [Reccomended Post] Recipe of the month by BBC(https://www.bbc.co.uk/food/recipes/vegan_thai_green_curry_69640)
- [Reccomended Post] Pub chain opening new pubs by EADT (https://www.eadt.co.uk/news/business/suffolk-pub-chain-snaps-up-two-pubs-8372208)
All content has the sole use for education.
- As a go to reasource hub I used W3S Schools.
- When stuck on a development issue, I checked Stackoverflow to see if other developers had the same problems.
- To learn about Crispy forms I used the documentation available