Skip to content

Multi-screen mobile app interacting with hits from an external API. Tech: React Native, styled components, React Navigation, Expo

Notifications You must be signed in to change notification settings

technigo-20-21/13-20-project-Oscar-Wilde-Random-Quotes-App

 
 

Repository files navigation

Project React Native App 📱

The assignment was to create a mobile app with React Native and styled components. The app should be multiscreen by using React Navigation and using an external API to fetch something and interact with it.

The problem

I started with a outlining the navigation views and finding an API to work with. I chose to make a Quote-machine with one of the most quoted authors - Oscar Wilde. To interact with the API I first wanted to use the accelerometer sensor to shake for new quotes. Setting up the software for development took more time than anticipated, so I used a button instead. When reaching the API requests limit for quotes, I implemented a page that tells you to come back tomorrow for more quotes.

Learning objectives

  • Styled components
  • building a mobile app with React Native
  • multiscreen with React Navigation
  • fetch something from an external API to interact with

Tech

  • Styled components
  • React Native
  • React Navigation
  • Expo

About

Multi-screen mobile app interacting with hits from an external API. Tech: React Native, styled components, React Navigation, Expo

Topics

Resources

Stars

Watchers

Forks

Languages

  • JavaScript 100.0%