/react-native-charts

A simple dashboard app with list and chart data visualization. Built with React Native, Expo, Styled Components and Victory charts.

Primary LanguageTypeScript

React-Native-Charts

A simple dashboard app with list and chart data visualization. Built with React Native, Expo, Styled Components and Victory charts.

GitHub top language GitHub language count GitHub last commit

Features  |   Technologies  |   Installation

demo


Features

(Back to top)

Some key features are:

  • UI built with Styled Components
  • Chart dart visualization
  • List dart visualization
  • Period data selection
  • Smooth animations

The application is built using React Native with Expo framework. The UI is built using Styled Components. The entire codebase is written using Typescript.


⌨️ Technologies

(Back to top)

This is what I used and learned with this project:

  • React Native
  • Expo
  • Styled Components
  • Victory charts
  • React Native Picker
  • Typescript

🖱️ Installation

(Back to top)

To use this project, first you need NodeJS installed in your device, then you can follow the commands below:

# Clone this repository
git clone https://github.com/areasflavio/react-native-charts.git

# Go into the repository
cd react-native-charts

# Install dependencies for the application
yarn install

# To start the development server, run the following command
yarn start

# You start the emulator following the terminal instructions or:
yarn start android # for android emulator

yarn start ios # for ios emulator

👨‍💻 Author

(Back to top)

Build by Flávio Arêas 👋 Get in touch!