We-Love-Recipes

Featured-image WeLoveRecipe

Project info

WeLoveRecipes is a global community place where you can submit, browse, collect, make favorites, connect with others, share, discuss, learn new ideas.

Here are the 5 main pages of the project

  1. Main Dashboard Page
  2. Recipe Details page
  3. User Profile page
  4. Profile Settings page
  5. Recipe Submission page

Main Dashboard Page:

This dashboard page shows the Recipes from the friends that user is following. Some useful information is displayed along with the recipe photo like the name of recipe submitor, the likes and comments that recipe got from other users. When you take your mouse over the thumbnail it shows two options and when you click on recipe thumbnail it goes to the recipe’s details page.
See the screen shot below.

Click on image to make it full view.

WeLoveRecipe - Dashboard
WeLoveRecipe – Dashboard

Recipe Details page

On this recipe details page user can view the details for the recipe like the bigger photo of recipe, related information about recipe on side bar. The main content area contains the list of ingredients needed and the process for making the recipe. Below the information it shows the comments from other users. The sidebar contans the related recipes. The main focus point on this page is the easyness of content which user wanted to see. The recipe making process is shown in steps, the ingredient list is shown on left. Below the photo it shows very useful information related to recipe like the time, level, cook, serve etc.

Click on image to make it full view.

Recipe details
Recipe details

 

User Profile Page

User profile page shows detailed information about the user – a community memeber. The purpose of the page is to show the contribution of the user to community. It shows the recipes submitted by the member, the comments she posted on site, the likes and the followers. The main content area shows the recipe thumbnails, the sidebar shows the list of member’s friends, her recent activities by member. Her collections and small quick contact form if anybody wish to contact the user.

Click on image to make it full view.

Profile Page
Profile Page

Proflie Settings Page

On user settings page user can make necessary changes to the information related to her profile. User can change the basic information, change the profile picture (avatar). User can also edit her list of collections displayed on sidebar.

Click on image to make it full view.

Profile Settings Page
Profile Settings Page

 Recipe Submission Page

The page helps user to submit a new recipe to the community. The page is very simple and compact without making any clutter and complexities. At the right part of page user can drag and drop the recipe photo. In the left part very simple form to submit other information related to recipe. Below the recipe photo user can quickliy view the submission rules without going to other seperate page. The simplicity makes the page easy to use and quick submissions.

Click on image to make it full view.

Recipe Submission page
Recipe Submission page