Giter VIP home page Giter VIP logo

fitlit-group-project's Introduction

Hi there, I'm Emily

Front-End Software Developer Certificate from Turing School of Software & Design

About Me

  • Pronouns: she/her
  • Background: Previous work in veterinary medicine and hospitality
  • Lover of books
  • Proud cat mom

Languages

JavaScript CSS3 HTML5 JSX Mardown

Frameworks & Libraries

React Cypress Mocha Chai NPM Webpack ESLint ChartsJS Express Redux GraphQL

Tools

GitHub Git VSCode Repl.it Scrimba Heroku Postman Slack

Other Skills

Micorsoft Office Canva Figma

fitlit-group-project's People

Contributors

brittanydionigi avatar coleanthony1990 avatar dependabot[bot] avatar emilyjmiles avatar hannahhch avatar hfaerber avatar khalidwilliams avatar niksseif avatar ohclaire avatar robbiejaeger avatar

Stargazers

 avatar  avatar

fitlit-group-project's Issues

issue test

New Issue Here

this is an issue:
Here's how we can potentially resolve it:

Make icons tabable & clickable

What: We currently have image icons for the hydration, sleep, and activity that will need to be clickable and tabable.

Who: Hannah

Where: index.html file

Why: Enhance functionality and accessibility of application.

How: Wrap image tag of the icons with the button tags.

Have consecutive days in weekly data

  • What is the issue: Days need to be sorted in the weekly data and when rendered in the weekly charts.
  • Who is assigned to it:
  • Where is the fix or feature: Likely need to add fix in the classes? Will need to sort dates by day, month, and year.
  • Why do we need it: For real-life application, we want our days in a week to be consecutive by date.

Remove any commented out code

What: Remove any commented out code

Who:

Where: May need to check all the files for this

Why: Clean up files and elevate our file readability

Error handling for dates

What are the issues? How can this be fixed?

  • Use date input fields in the forms. Using a text input field allows the user to enter date with dashes which triggers an alert
  • Replace alerts with error messages that render in the DOM when user submits invalid data. Test error messaging and be informative.
  • The user can enter negative number when submitting data. Add min="" attribute in number input fields.
  • Data in charts are not ordered. Sort data in reverse chronological order every time data is fetched with the most up-to-date changes.

Chart updating

  • What is the issue: When user adds new data, and the charts are re-rendered, an alert will tell the user that no data exists for that day for that given data set (hydration/sleep/activity). The data gets updated and charts will render but the alert will appear a second time.
  • Who is assigned to it
  • Where is the fix or feature: Consider checking the if condition OR consider not rendering all the charts but just the ones that have data on that day?
  • Why do we need it: We want the user to be able to View the changes they made for a given day or week. We want to tell the user if that day is missing relevant data to view it in the chart. We want to tell the user what can be done for data to show in the chart.

Create a chart-only file

What: Have the chart-related code live in its own file.

Who: Emily

Where: Create a new JS file for the charts code blocks

Why: This will elevate our JS functionality and readability

Tell user when their data is successfully added to server

  • What is the issue: Be able to show the user when the post is successful. As it is, the forms will submit then clear the input fields whether the post was successful or not. The developers are able to check the the local server to make sure data is added, but user cannot view this.
  • Who is assigned to it: Pending
  • Where is the fix or feature: Will need to add in HTML and scripts
  • Why do we need it? So the user is informed when their input has been added to the local server.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.