Code Monkey home page Code Monkey logo

weather-palette-paidy's Introduction

🎨 Weather Palette

This is my Frontend work for Paidy Take-Home Coding ExercisesπŸ“

2018-02-04 20 07 38

πŸŽ“ Assesment

Create MVP(Minimum viable product)! Show weather information using Yahoo weather API🌀

  • I wanted to be very clear about my current skills so that you can assess me accurately.
  • I set 2 milestones and checked how much time I spent for each. You can check my PR for each task and its output from the links below.
  1. Create UI components, handle yahoo weather API(v1)
    • PR: #10
    • Time: 3.5 hours
  2. Add styles, make app look nice(v2)
    • PR: #11
    • Time: 3.5 hours
  3. Refactor, make app look prettierπŸ’… and explore more(v3)
    • PR: #12
    • Time: Out of MVP, No count

πŸ”° Getting Started

Prerequisites

  • node > 8.0.0
  • yarn

1. Installing

git clone https://github.com/kumiko-haraguchi/weather-palette-paidy.git
cd weather-palette
yarn install

2. Starting App

yarn start

=> You'll see weather information with a nice Tokyo theme on http://localhost:1234! πŸŽ‰

πŸ†˜ Keep getting this error?

Uncaught Error: Cannot find module 'XXX' 2018-02-04 21 44 33 (1) Change any code in js file (2) Wait for the build to be done (3) Change the code back => It'll fix the problem πŸ˜‚ Well, Parcel is still newbie. It seems bundling somtimes doesn't work.

βš’ Built With

πŸ“ Things To Do If I Had More Time

  • Prop type checking
  • Add linter, aghhh...😭
  • Write tests
  • Minify images
  • and so much MORE

weather-palette-paidy's People

Contributors

ikorn avatar kumilange avatar pjan avatar

Stargazers

 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.