• About The Challenge
• Project Structure
• Demo Video
• Technologies
• Setup

This application was made for the case sent to me by Pubinno Company on December 21.

The purpose of the application is to analyze the data in the given data set correctly and display it in a graph.

In this application, the application was completed with ONLY 2 PAGES by complying with SOLID principles.

You can access the Application Demo video and content below.

• Onboarding Screen: Dynamic and animated Screen providing information about the Application's Features
• Line Graph: The Graph successfully displayed by analyzing the given data set

📁 __tests__               # Test files
📁 .github
   📁 workflows            # GitHub Actions workflows
📁 src                     # Source code
   📁 assets               # Project asset files
   📁 screens              # Main application views
   📁 data                 # Application's data folder.
📜 .eslintignore           # ESLint ignore file
📜 .eslintrc.js            # ESLint configuration
📁 .gitignore              # Git ignore file
📜 app.json                # Application configuration
📜 App.tsx                 # Main application entry point
📜 babel.config.js         # Babel configuration
📜 package.json            # Node.js package configuration
📜 README.md               # Project documentation
📜 tsconfig.json           # TypeScript configuration

The mobile app leverages the following key technologies and libraries:

• React Native (TypeScript) - The foundation of the app, allowing for cross-platform mobile development with strong typing and code quality. 📱

• @gorhom/bottom-sheet - A flexible BottomSheet component for React Native.

• @react-native-async-storage/async-storage - An asynchronous, persistent, key-value storage system for React Native. 💾

• @react-navigation/native - Routing and navigation for React Native.

• @react-navigation/native-stack - Stack navigator for React Navigation.

• react-native-reanimated - React Native's Animated library reimplemented.

• react-native-screens - Native navigation primitives for your React Native app.

• react-native-chart-kit - 📊 React Native Chart Kit: Line Chart, Bezier Line Chart, Progress Ring, Bar chart, Pie chart, Contribution graph

These core technologies, along with others, come together to create a powerful and user-friendly Data Analysis App By Line Graph.

To get started with the Data Analysis App By Line Graph mobile app on your local development environment, follow these steps:

Before you begin, make sure you have the following prerequisites installed:

• Node.js: Ensure you have Node.js installed. You can download it from the official website.

• npm or Yarn: Choose either npm or Yarn as your package manager.

npm install --legacy-peer-deps

To run the app in development mode, use the following commands:

npm start

npm run ios

npm run android