dhruv-vora / calorie-counter

Web Technology Project for Sem 5

Calorie-Counter

Web Technology Project for Sem 5

Overview:

The website can be used by an individual to view recipes of the food dishes that can be prepared using the ingredients that have been entered by him. The benefit of the website is the easy working of the website as well as a good user interface. The main goal is to provide a smooth and transparent experience to the individual. The website also allows the user to manage his favourite recipes and view a blog containing news related to food items that has been built on inputs from other users and also contribute to the same. With this platform, we aim at building a system providing the necessary information needed for cooking.

Website Features:

• The website contains an index page which provides a new user a form to register himself and existing users a form to log-in to their account.

• On login, the user is directed to a page wherein he can enter the ingredients he would like to use and get the suggested food dishes based on his input. The user can browse through these dishes, click on the links to get the additional information and entire recipes for the same and add a dish that he likes to his favourites for later viewing.

• A Favourites page lists all the dishes that the user has added and also provides the functionality to remove the dish from his favourites.

• A Blog has been included that displays articles that have been added by other users. These articles can be viewed by people even without having an account. But to contribute their own articles to the blog, a user has to log-in to his account.

• The articles that have been submitted by users are viewed by an admin. The role of the admin is to review the articles and decide whether the article should be added to the blog for others to view or it should be discarded.

• User can also report an article as inappropriate or spam. User can report an article only once. Once the spam count for an article reaches a particular limit, it will automatically deleted from the database and no longer be available for viewing on the blog.

• The website also has a ‘Contact us’ page which includes the developer’s contact numbers, email-id of the website so that the users can mail their feedback and also the address of the company office.

Technologies Used:

• HTML

o HTML has been used as the format of the various web pages. o It has been used to display various elements on the pages like links, images, buttons and forms.

• CSS

o CSS has been used to describes how the various HTML elements are to be displayed on screen, paper, or in other media. o It has been used to define styles of the web pages, including the fonts, the placement of images, design of forms and layout of the pages.

• Bootstrap

o Some predefined bootstrap styling properties have been used to style certain HTML elements of the web pages such as the navigation bar and input boxes and buttons of forms.

• JavaScript

o It has mainly been used for client-side form validation purposes including validation using Regex. o It has also been used to display messages using alert and confirm dialog boxes.

• AJAX

o It has been used to implement the ‘Add to /Remove from Favourites’ feature wherein the PHP variables need to be passed to another file through JavaScript. o AJAX helps to achieve this without the need of reloading the web page and also sends and receives data to and from the server in the background.

• PHP

o PHP has been used to establish connections with the database which is located on the server and also used to execute server side codes. o It has been used to store the data, entered on the website, into the database such as user information for login purposes and also to fetch information stored in the database and display it on the web pages.

• MySQL

o This has been used to store the data that will be required for the website such as user information, articles for the blog in proper databases with tables, columns and indexes. o It provides a Relational Database System so as to store and retrieve information from the various tables of the databases with ease while using PHP.