InPlayer Frontend Intership Program

Project 1: Responsive Photography Website

Create Responsive Photography Website like this example: https://srdjanrakic.github.io/responsive-photography-website/

You are alowed to use different photos, the website should be responsive and look good on all screens.

Introduction to React and ES6

Javascript ES6 Features and Examples

• ES6 New Features Tutorials
  https://www.youtube.com/playlist?list=PL6gx4Cwl9DGBhgcpA8eTYYWg7im72LgLt
  A set of video tutorials explaining the new features in ES6

• ES6 Features Comparison
  http://es6-features.org/
  Code snippets comparing ES6 features with their ES5 equivalents

• Javascript Features
  http://jsfeatures.in/#ES6
  More samples of features in ES5, ES6, and ES7

• ES6 for Humans
  https://github.com/metagrover/ES6-for-humans
  A kickstarter guide to writing ES6.

• Introduction to commonly used ES6 features
  https://zellwk.com/blog/es6/
  A great look at how several of the most useful ES6 features work, such as block scoping, arrow functions, and destructuring.

In-Depth Details

• ES6 In Depth
  https://ponyfoo.com/articles/tagged/es6-in-depth
  Many articles covering each feature in greater detail

• Understanding ES6
  https://leanpub.com/understandinges6/read
  An online book that covers all the changes and features involved in ES6

React Resources

• React Official Docs
• React JS - React Enlightenment

Project 2: Weather Forecast App

Description and acceptance criteria

• Application should provide 7-day (or less if there are any API restrictions) forecast starting from today
• City can be selected by name or current geo-coordinates can be used
• In the list temperature should be shown for a daytime, icons should be neutral
• In the section "Current weather" the temperature and icon depend on the current time
• According to changes in control "Scale's type" (C or F) convert temperature from Celsius to Fahrenheit or vice versa
• If page was reloaded then application should restore state (if any city was selected by name or coordinates, it should be shown saved forecast, but in background, app should ask about new data)
• Make it responsive (suggest your option for mobile)

Before you start

• font family – Roboto;
• you can use this API http://openweathermap.org/api or any other, or create mock API on your own;
• weather icons available here https://erikflowers.github.io/weather-icons/
• other icons – https://material.io/icons/

Images

Demo: http://react-weather-forecast-app.surge.sh/

Bonus: use Redux for state management