Giter Site home page Giter Site logo

tradeshift-challenge's Introduction

Tradeshift-Challenge

This is a repo which can be treated as a submission for Tradeshift's tech Challenge

Please navigate to the folder "my-app" and follow the README instrcutions as usual for a create react app.

In the span of two hours, I was able to componentize the app into a container componenent which uses some presentational components. I have not included SASS, but attempted to BEM-fy the class names.

The code as such utilizes very little info fromt he fetched data. The following is a list of features I would have tried to incorporate if there was more time/design resources and better to make API requests and integrate with third party libraries.

//TODO

  1. Integrate google API to determien the name of the location/area for which I have the lat/long.
  2. Have a landing page whcih would allow the user to input the lat/long so that the user is able to see a spinner state whcih specifies that we are workign on fetching the weather forecast for a specific area (display the name)
  3. Have a more granular component library
  4. SASS
  5. better icons which are displayed dynamically based on the type of icon specified in the data.
  6. a table of hourly weather forecast

Please let me know if you have any questions.

-Swathi

tradeshift-challenge's People

Contributors

swathivs30 avatar

Watchers

 avatar

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.