Nutricia

We support and encourage active and healthy lifestyles, by offering ethically sourced and eco-friendly nutritional products for the performance-driven Individual.

Setup Instructions

1. clone the repository
2. create your own weather API from Weather API
3. Navigate to the script.js and Insert your API key.
4. run your server to preview the site
5. Search Any location for weather and sporting activities recommndation

Technologies Used

1. HTML
2. CSS
3. JAVASCRIPT
4. APIs

Behavior Driven Development

Element Selection with Vanilla Javascript

Using the querrySelectorAll for document method

Javascript Events

1. Select element
2. Specify event
3. Specify what should happen in response to events

jQuery

$('.nav ul li').on('click', function()){
    //what should happen
});

Vanilla JavaScript Event Listener

 document.querySelector('li').addEventListener('click', function(e){
     e.preventDefault();
     //what should happen
 }, false);
 <br>

Challenges/Handles

The API fetch is not running on deployed gh-pages ie git.io. Preview the screen shots below on Activity forecast and the result Activities.

ScreenShots

Contribution

Incase of any contibution and feedback, feel free to doso by visiting [Thislink] Nutricia and reachout [email protected].

portfolio

CodexInc Portfolio

License

Copyright © 2021 AngelsCodex.inc