Giter Club home page Giter Club logo

hoppa-rn-tech-test's Introduction

Hoppa RN Tech Test

In the project you'll find two folders, one with basic wireframes and the other with a barebones Expo Typescript app. The task is to create a simple Expo RN app that displays the weekly forecast in a list and then allows the user to go to a detail screen for the selected day's forecast. This isn't supposed to be a complex or lengthy task so please don't spend more than an hour or two.

Setup

  1. Fork this repository and give @alexcatch read access
  2. Signup for a free developer account with https://www.weatherapi.com and get your API key.
  3. Ensure you have either the iOS simulator or an Android emulator installed (or you can use the Expo Go app on your physical device)
  4. Clone down the project and install node dependencies in the hoppa-weather folder with either yarn or npm, it's up to you which package manager you'd like to use.
  5. Start the Expo dev server with npx expo start
  6. Run the app on your Android emulator, your iOS simulator or on your physical device

Task

  1. Using the Forecast API, fetch the next 7 day's forecast and implement the basic wireframe for the list screen. Don't worry too much about the design but try to keep the layout the same as the wireframe.
  2. When a user taps on one of the daily forecast items, it should navigate them to a detail screen that matches the detail screen wireframe.
  3. Push up your finished task to your forked repository and ensure @alexcatch has read access

Considerations

  • You can use any third party libraries you want but ensure they don't include native dependencies not bundled in the Expo Go app.
  • Design isn't important but the layout is, try to stick to the general layouts in the wireframes as much as possible.
  • The app uses Typescript so make full use of it, try to avoid using any / unknown but implicit types are fine.

hoppa-rn-tech-test's People

Contributors

alexcatch avatar

Stargazers

Alec Pedersen 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.