Retrospective P0 - Revature-Salesforce-Training/Vanquish-IV-A-New-Code GitHub Wiki

Carl Tullis

  • Post-Project0 retrospectives:

I learned a lot of coding practices that I will continue to use moving forward. I need to prepare a script and put it in the notes of the PowerPoint to keep the rhythm and my place. I also need to practice it much more than I actually did. I need to know I have a team I can lean on when I don't understand the code in class.

  • Sample of code I am proud of:

let jokeBtn = document.querySelector('#jokeBtn')

jokeBtn.addEventListener('click', makeJoke);`` ``async function makeJoke(){ let category = document.querySelector('#search').value; let fetchdata = await fetch(https://api.chucknorris.io/jokes/random?category=${category}`);` let parsedFetchData = await fetchdata.json(); console.log(parsedFetchData); let searchResults = document.querySelector('#joke'); searchResults.innerHTML = ''; searchResults.innerHTML = parsedFetchData.value;}

  • Future improvements:

I will use my team to my advantage. Lean on them when I can to alleviate some of the stress of programming. I have to communicate more when I'm dealing with issues.

Joshua Scilex

  • Post-Project0 retrospectives: I learned a lot in this project! Getting some hands-on experience under my belt was super valuable. HTML and CSS was pretty straightforward, but most of my roadblocks definitely showed up when working on JS. Implementing the AI was its own challenge, and then working with variables and functions really tripped me up for a bit. Thank god for Google! Overcoming these issues as they came up has definitely made me more confident with these languages going forward.

  • Sample of code I am proud of:

function checkGuess(){
    const hueGuess = guessArray[0]
    let guessAngle

    let guessDifference = Math.abs(hueGuess - hueGoal)
    if (guessDifference > 180){
        guessAngle = Math.abs(guessDifference - 360)
    } else {
        guessAngle = guessDifference
    }
    let guessPercentage = Math.round(((100 - (guessAngle / 1.8)) + Number.EPSILON) * 100) / 100;
    console.log(guessPercentage + '%')
  • Future improvements: In future projects, I definitely need to work on cleaning up the code a little, organizing everything a bit more logically and better documenting what it is I'm doing at certain points.

Kory Iwahashi

  • Post-Project0 retrospectives:

Overall felt pretty good about my project. The HTML and CSS I had no problem implementing as I've created a few of my own websites in the past. The javascript I needed a refresher for wasn't too bad. The hardest challenge of the project was implementing the fetch API and asynchronous function. I have called data from a public API in the past but through the use of Node JS and callback functions. Fetch API, promises, and async functions were new to me so it was a bit challenging, but I eventually figured it out.

  • Sample of code I am proud of:

let searchBtn = document.querySelector('#search-button'); searchBtn.addEventListener('click', fetchResults);

async function fetchResults (){ try { let api = "c50a97c8b5f6224e487ca758f4df264e"; let city = document.querySelector('#cityID').value; let state = document.querySelector('#countryID').value; let results = await fetch('https://api.openweathermap.org/data/2.5/weather?q=' + city + ',' + state + '&appid=' + api) let parsedresults = await results.json(); // convert to json console.log(parsedresults); let searchresults = document.querySelector('.search-results'); searchresults.innerHTML = ''; let kelvin = parsedresults.main.temp; let temperature = 1.8 * (kelvin - 273) + 32; let F = Math.round(temperature); let weather = parsedresults.weather[0].description; let wind = ${parsedresults.wind.speed} mph; searchresults.innerHTML = The temperature in ${city} is currently ${F}F. Weather condition is ${weather} and wind speed is ${wind} } catch (err) { console.log(err); let searchresults = document.querySelector('.search-results'); searchresults.innerHTML = ''; searchresults.innerHTML = City not found. Please try again.

}
  • Future improvements:

The layout of my webpage was simple, but how I displayed my fetch API probably could've been a little prettier. Maybe added a 7-day forecast and some images to go along with it.

Ruth Russell

  • Post-Project0 retrospectives:
  • Sample of code I am proud of:
  • Future improvements:

Yury Pushkarev

  • Post-Project0 retrospectives: Although I practiced presentation several times I should write a script for future ones as I stumbled several times.

  • Sample of code I am proud of: #imgCSS { padding:50px; border: 7px; border-style: dashed; border-color: #D47AE8; margin: 50px; background: aqua; background-clip: content-box; box-shadow: inset 0 0 0 50px white; }

  • Future improvements: Increase complexity, and interactivity and improve responsive web design. CSS: Add media styling (increased font size when rescaling the page) Project previewed the way I wanted on all mobile devices except for Nexus (I would like to figure out why). Better general understanding of how to manipulate HTML using CSS Javascript: Find a way to implement If statement(s), and add a category selector.

Group:

  • Post-Project0 retrospectives: SCRUM stand-up notes and the Kanban board helped everyone move forward more effectively in Project 0.
  • Future improvements: We must be aware that we can lean on our teammates to help us with a part of the project that we are having trouble making something work.