Kids Wallet

A digital wallet application designed to help children learn financial literacy through managing tasks, errands, and rewards.

Features

• Multiple child accounts with individual balances
• Task management system with monetary rewards
• Categories for different types of activities:
  • Tasks
  • Errands
  • Jobs
  • Rewards
• Real-time balance tracking
• Interactive task completion
• Clean, child-friendly interface

Tech Stack

• React 18
• TypeScript
• Material-UI
• Redux Toolkit
• Modern React Hooks
• Responsive Design

Getting Started

Prerequisites

• Node.js (v18 or higher)
• npm or yarn

Installation

1. Clone the repository:

git clone https://github.com/[your-username]/kids-wallet.git
cd kids-wallet

2. Install dependencies:

npm install

3. Start the development server:

npm start

The application will open in your default browser at http://localhost:3000.

Usage

• Select a child from the dropdown menu in the sidebar
• View and manage tasks in different categories
• Add new tasks with custom amounts
• Mark tasks as complete to add to the child's balance
• Delete tasks that are no longer needed

Project Structure

src/
  ├── components/     # React components
  ├── store/         # Redux store and slices
  ├── types/         # TypeScript type definitions
  ├── App.tsx        # Main application component
  └── index.tsx      # Application entry point

Contributing

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

License

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