kumilange/weather-palette-paidy

🎨 Weather info shown on beautiful pics of my dear friends' hometown!

🎨 Weather Palette

This is my Frontend work for Paidy Take-Home Coding Exercises📝

🎓 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' (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

• React - Frontend
• Material UI - UI Component
• Yarn - Dependency Management
• Parcel - Module Bundler

📝 Things To Do If I Had More Time

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