Coinstar - Finance Mobile App

Welcome to Coinstar, a finance mobile app designed to help users manage their finances effectively. This project is based on the Coinstar Finance Mobile App UI Kit, featuring a sleek and modern design.

🚀 Demo & Design

For a preview of the app design, please refer to the Figma Design. This design serves as the UI/UX reference for the app's development.

Screenshots

📱 App Screenshots

📋 Table of Contents

• Features
• Installation
• Tech Stack
• Project Structure
• Usage
• Contributing
• License

✨ Features

• 📊 Real-time Financial Data: View and track your financial status easily.
• 💳 Expense Management: Add, edit, and categorize expenses.
• 🔔 Notifications: Receive timely reminders and alerts about financial activities.
• 📈 Graphs & Analytics: Visualize your spending with dynamic charts and graphs.

🛠 Tech Stack

• React Native - Cross-platform mobile app development
• Redux - State management
• TypeScript - Strongly typed programming language for JavaScript
• React Navigation - App navigation
• Axios - API requests
• **Stylesheets ** - For styling the app

📦 Installation

Prerequisites

Make sure you have the following installed:

• Node.js
• Yarn or npm

Steps

1. Clone the repository:

   git clone https://github.com/repo-bilalnaeem/Coinstar.git
   cd Coinstar

2. Install dependencies:

   yarn install
   # or
   npm install

3. Start the app:

   yarn start
   # or
   npm start

4. Run on Android or iOS:

   yarn android
   yarn ios

🏗 Project Structure

Coinstar/
│
├── app/                       # Main source code
│   ├── (authenticated)/       # Authenticated screens
│   └── (identification)/      # Signup components
│
├── assets/                    # Images, fonts, etc.
├── components/                # Reusable components
├── constants/                 # Resuable stylesheets
├── ios/                       # IOS build folder
├── screenshots/               # App screenshots
├── store/                     # Redux store and slices
├── utils/                     # Utility functions
├── package.json               # Project configuration
└── README.md                  # Project README file