👜 Kids Wallet App

Kids Wallet is a simple, intuitive financial management tool designed for children. Built using the MERN stack, this app allows users to track deposits and withdrawals, view transaction history, and keep their balance up to date—all within a modern, colorful interface. It’s perfect for teaching kids about managing money in a fun and interactive way!

🚀 Features

• Real-time balance updates
  The app automatically updates the user’s balance with every deposit and withdrawal.

• Transaction history
  See all your financial activity in one place, with each transaction displayed in a stylish horizontal format.

• Modern, kid-friendly UI
  The app's interface is designed to be engaging for young users, making managing money a fun experience.

• MERN stack
  Built using MongoDB, Express.js, React, and Node.js to provide a smooth, full-stack application experience.

🛠 Tech Stack

• Frontend: React.js, CSS
• Backend: Node.js, Express.js
• Database: MongoDB
• Deployment: Vercel

🏗️ Installation and Setup

1. Clone the repository:

   git clone https://github.com/dafnapundak/kids-wallet-app.git

2. Navigate to the project directory:

   cd kids-wallet-app

3. Install the dependencies:

   npm install

4. Set up environment variables: Create a .env file in the root directory and add your MongoDB URI:

   MONGODB_URI=your-mongodb-uri

5. Start the development server:

   npm run dev

6. Visit the app in your browser at:

   http://localhost:4000
   

🔧 Available Scripts

• npm run dev: Starts both the frontend and backend in development mode.
• npm run build: Builds the app for production.