Skip to content

Sagi23/perfect-plate

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 

Repository files navigation

perfect-plate

Description:

This project required me to build fully responsive food nutrition calculator.
The site integraded with api to to calculate the caloreies, protein and fat.
Dealt with AJAX using the axios library.
The site is responsive to all devices.

The Stack i used:

html, scss/css, js, axios, adobe xd.

Workflow:

Created the mockup using adobe xd.
Created the mockup using html and scss.
Tested the api in console and postman to make sure api working.
Dealt with AJAX using the axios library.
Integrated the js to the html file and made the site interactive.

What i learned:

Improved scss skills.
Improved html skills.
Improved docs reading.
Improved AJAX skills. Improved api integration skills.
Improved adobe xd skills.

The site:

https://perfect-plate.netlify.app/

Desktop version(the mockup):

mockup