https://github.com/vegadelalyra/react_money

React Transferring Money App. Last frontend sprint for Bootcamp Makia
https://github.com/vegadelalyra/react_money

firebase react react-router-dom redux sass

Last synced: 3 months ago
JSON representation

React Transferring Money App. Last frontend sprint for Bootcamp Makia

• Host: GitHub
• URL: https://github.com/vegadelalyra/react_money
• Owner: vegadelalyra
• License: mit
• Created: 2024-01-15T02:42:25.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-01-29T17:30:18.000Z (over 2 years ago)
• Last Synced: 2025-10-29T09:35:45.661Z (8 months ago)
• Topics: firebase, react, react-router-dom, redux, sass
• Language: JavaScript
• Homepage: https://makaia-react-money.web.app/
• Size: 1.55 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Makaia React Money - Mobile-First Transaction App

![imagen](https://github.com/vegadelalyra/react_money/assets/77188420/d6e41ffe-e39f-41bf-8a87-e3dabff0f462)

## Overview

Makaia React Money is a mobile-first web application designed for seamless financial transactions among your contacts. The app leverages various technologies, including ReactJS for the frontend, Cloudinary for on-demand image upload and download, and Firebase for hosting, database, and authentication services.

### Demo Link: [Makaia React Money](https://makaia-react-money.web.app/)

![imagen](https://github.com/vegadelalyra/react_money/assets/77188420/504c5ae1-b091-479b-8dfd-32c147f1d16a)

## Features

    Mobile-First Design: The app is optimized for mobile devices, providing a smooth and intuitive user experience.

    Cloudinary Integration: Utilizes Cloudinary services for high-quality image handling, ensuring low latency and efficient image management.

    Firebase Services:

        Hosting: Deployed and accessible 24/7 on Firebase Hosting.

        Database (Firestore): Implements Firestore, a NoSQL database, for efficient data representation. Each user is identified by their email, ensuring a single account per email. User data is structured with collections for users, accounts, and apps, providing scalability for future portfolio expansion.

        Authentication: Utilizes Firebase Authentication, allowing users to sign in securely using their Google email through OAuth2.

    GitHub Actions: Employs GitHub Actions for continuous integration and deployment. The app is always up-to-date, and errors are promptly fixed.

    Redux State Management: Uses Redux to manage global state, with slices dedicated to user authentication, account details, and app-specific functionalities.

    Pages and Routing: Implements React Router for seamless navigation between multiple pages.

    Thunks for Async Control: Utilizes Redux Thunks to manage asynchronous operations, ensuring smooth communication with various services.

    Sass Styling (Mobile-First Approach): Applies Sass styles with a mobile-first mindset for a responsive and visually appealing design.

## Getting Started

### Prerequisites

    Node.js installed on your machine.

### Installation

    Clone the repository: git clone https://github.com/your-username/makaia-react-money.git

    Navigate to the project directory: cd makaia-react-money

    Install dependencies: npm install

### Usage

    Run the app locally: npm start

    Open http://localhost:3000 in your web browser.

![imagen](https://github.com/vegadelalyra/react_money/assets/77188420/11fafd5e-97b4-4332-a60f-746b2e9bd729)

### Contributing

Contributions are welcome! Feel free to open issues, suggest enhancements, or submit pull requests.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgments

Special thanks to the open-source community and the technologies that make this app possible.

Note: This README provides an overview of the project. For more detailed information, explore the codebase and refer to the inline comments for each feature.

# React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh

- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh

# react_money

React Transferring Money App. Last frontend sprint for Bootcamp Makia