betonix / energy-fund-app

Fund App 🌟

Description

📲 A React Native application crafted to simplify fund transfers, featuring styled components, React Contexts, and React Hooks. Compatible with both Android and iOS platforms.

Preview

Sign Up and Login	Dashboard and Chart Interaction	Easy Money Transfer

Features

• Sign Up:

  • ✨ Sign-up form with a success screen upon registration.
  • 📝 Users must agree to terms and conditions to enable the submission button.
  • 💾 Save user data in the state manager for authentication on the login page.

• Login:

  • 🔐 Login form with redirection to the home screen after a successful authentication check.

• Dashboard:

  • 📊 Chart plotted with mocked data, clickable, and dynamically changing values.
  • 💰 Current account balance stored in the state.

• Send Money:

  • 💸 Alert confirming money sent and value subtracted from the current account balance after submission.

Getting Started

Prerequisites

Before you begin, ensure you have the following installed:

• 🚀 Node.js
• 📦 npm (Node Package Manager)
• ⚛️ React Native CLI

Step 1: Start the Metro Server

First, you will need to start Metro, the JavaScript bundler that ships with React Native.

To start Metro, run the following command from the root of your React Native project:

# using npm
npm start

# OR using Yarn
yarn start


## Step 2: Start your Application

Let Metro Bundler run in its _own_ terminal. Open a _new_ terminal from the _root_ of your React Native project. Run the following command to start your _Android_ or _iOS_ app:

### For Android

```bash
# using npm
npm run android

# OR using Yarn
yarn android

For iOS

# using npm
npm run ios

# OR using Yarn
yarn ios