MoneyMap

MoneyMap is a web application designed to help users manage their finances effectively. With MoneyMap, users can track expenses, monitor income, and gain insights into their financial habits, all in one intuitive platform.

🌟 Features

• Expense Tracking: Add, edit, and categorize expenses effortlessly.
• Income Management: Keep a record of all income sources.
• Data Visualization: Get insights through charts and graphs for better decision-making.
• Multi-Currency Support: Manage finances in various currencies.
• Responsive Design: Accessible on all devices, from desktops to mobile phones.

🚀 Live Demo

Check out the live version of MoneyMap: MoneyMap

Part - 1

MoneyMap.and.15.more.pages.-.Personal.-.Microsoft.Edge.2025-01-07.13-10-50.mp4

Part - 2

localhost_3000_transactions.and.19.more.pages.-.Personal.-.Microsoft.Edge.2024-10-17.14-51-19.mp4

Part - 3

localhost_3000_manage.and.19.more.pages.-.Personal.-.Microsoft.Edge.2024-10-17.14-52-29.mp4

🛠️ Tech Stack

• Frontend: React.js, Tailwind CSS
• Backend: Next.js
• Database: PostgreSQL
• Deployment: Vercel

📦 Installation

Follow these steps to set up MoneyMap locally:

1. Clone the repository:

   git clone https://github.com/vivek7156/moneymap.git
   cd moneymap

2. Install dependencies:

   npm install

3. Set up environment variables: Create a .env file in the root directory with the following variables:

   DATABASE_URL=your_postgresql_database_url
   NEXT_PUBLIC_API_URL=your_backend_api_url

4. Run the development server:

   npm run dev

5. Open http://localhost:3000 in your browser to see the app.

🧪 Testing

Run the following command to execute tests:

npm test

📄 Project Structure

.
├── public         # Static assets
├── src
│   ├── components # Reusable components
│   ├── pages      # Next.js pages
│   ├── styles     # Tailwind CSS configuration
│   ├── utils      # Utility functions
│   └── hooks      # Custom hooks
├── .env.example   # Environment variable example file
└── README.md      # Project documentation

🌍 Deployment

MoneyMap is deployed on Vercel. Push changes to the main branch to trigger automatic deployment.

🤝 Contribution

Contributions are welcome! Follow these steps to contribute:

1. Fork the repository.
2. Create a new branch:

   git checkout -b feature-name

3. Make your changes and commit:

   git commit -m "Add a feature"

4. Push your changes:

   git push origin feature-name

5. Open a pull request.

📧 Contact

For any inquiries or support, feel free to contact:

• Author: Vivek Singh
• Email: my-email
• GitHub: my-github-profile

---

Disclaimer: MoneyMap is a personal project designed for educational purposes. Use it at your own discretion.