Giter Club home page Giter Club logo

ip-project's Introduction

Open-wc Starter App

Built with open-wc recommendations

Quickstart

To get started:

npm init @open-wc
# requires node 10 & npm 6 or higher

Scripts

  • start runs your app for development, reloading on file changes
  • start:build runs your app after it has been built using the build command
  • build builds your app and outputs it in your dist directory
  • test runs your test suite with Web Test Runner
  • lint runs the linter for your project
  • format fixes linting and formatting errors

Tooling configs

For most of the tools, the configuration is in the package.json to reduce the amount of files in your project.

If you customize the configuration a lot, you can consider moving them to individual files.

ip-project's People

Contributors

jforcina20 avatar reyes-edwin avatar

ip-project's Issues

Feedback for Option 1

What Worked Well

  1. Had all main parts just need to connect them all

What Needs Improvements

  1. static getProperties requires name: { type: String }, page: { type: Number }
  2. need a firstUpdated to update changes from data
  3. Project doesn't provide assignment requirements

Next Steps

  1. Review teammates work and create personal replica that fits your style (don't copy word for word)

Option 1 Review

What parts worked well or that you found the approach novel and should be incorporated into the final solution for your team?

  • The option's updated(changedProperties) method seems to be written well and something we could use in the team's final solution

What parts could be improved upon?

  • I think that more documenting on what the new methods are doing to retrieve data, for example more documentation for getNASAData() as well as on the render() method
  • The nasa-image-search tag was also not used on the index.html file so nothing can load on the final webpage

What are the next recommended course of action?

  • Compare this option's solution to the other options submitted and see if there are parts that we can incorporate into the team's final solution where we merge all three options

Feedback on Option 3

what worked well

From someone who doesn't know code at all, I really like the checkbox. The code on "checked" and "unchecked" worked quite interesting. Another great point is you didn't delete the "hello world" code, but the web page only showed the NASA program.

what part can be approved

Honestly, I can't point out any questions since I barely understand how your code worked! Great job!

Feedback for option 2

What worked well

This option meets all the requirements of the assignment. The page number input works flawlessly and returns the correct data.

What can be improved

When both the search term and the page number values are changed, the API is called twice. Add a setTimeout so the element will wait for both new values before starting the fetch.

Next steps

I think this is the code we should base our final element on. I think we'll create a new repo to add this code to and paste in the additional options. We'll then clone this new repo onto our local machines to work on the lab going forward.

Review Option 3

Returning the data into a ul element works great. You did an excellent job implementing the check box as well. I like how you implemented a while loop instead of the traditional for loop. I would suggest commenting on what works and what confused you for others to see what is going on.

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.