SpendWise

SpendWise is a budgeting and expense tracking web application designed to help users manage their personal finances with ease. Built using HTML, Tailwind CSS, and JavaScript, SpendWise provides a simple yet effective solution to track daily expenses, analyze spending patterns, and maintain budgets efficiently.

🔗 Live Preview

SpendWise Website

📌 Repository Information

- Beginner-Friendly Project

- Repository Under: AcWoC'25

- Club: Android Club, VIT Bhopal University

🚀 Features

📝 Expense Tracking

• Add, categorize, and manage daily expenses.
• View historical expense records.
• Edit or delete expenses as needed.

📊 Graphs and Charts

• Visualize spending patterns through intuitive graphs.
• Gain insights into expense categories.
• Track budget usage efficiently.

🤖 AI-Powered Summary

• Automatically generates expense summaries.
• Provides quick insights into spending habits.
• Helps users make informed financial decisions.

🎨 Enhanced User Interface

• Improved UI with hover effects for a smoother experience.
• Interactive design for easy navigation.
• Responsive layout for seamless usage across devices.

🏷️ Refined Tags Feature

• More accurate and relevant tagging system.
• Helps in better organization and retrieval of expenses.
• Customizable tag options.

💻 Tech Stack

• Frontend: HTML, Tailwind CSS, JavaScript
• Deployment: Localhost for development, Vercel for production (if applicable)

🛠️ Setup and Run

Follow the steps below to set up and run SpendWise locally:

1️⃣ Clone the Repository:

git clone https://github.com/your-username/spendwise.git  

2️⃣ Navigate to the Project Directory:

cd spendwise

3️⃣ Install Dependencies:

npm install  

4️⃣ Start the Development Server:

npm start  

5️⃣ Open the Project in Your Browser:

Visit:

http://localhost:5173

📂 Project Structure

Spendwise/
├── public/
│   ├── Images/
│   │   ├── main-bg.png
│   │   ├── SpendWise.png
│   │   └── SpendWise2.png
│   ├── Firebase_Setup.md
│   ├── about.html
│   ├── dashboard.css
│   ├── dashboard.html
│   ├── dashboard.js
│   ├── index.html
│   ├── input.css
│   ├── script.js

├── .github/ISSUE_TEMPLATE/
│   ├── bug.report.md/
│   ├── feature_request.md/
│   ├── general_issue.md/

├── src/
│   ├── auth/
│   │   ├── login.html
│   │   ├── signup.html
│   ├── js/
│   │   ├── auth.js
│   │   ├── authHandlers.js
│   │   ├── dashboard.js
│   │   ├── firebase.js
│   │   ├── protectedRoute.js
│   │   ├── script.js
├── .gitignore
├── README.md
├── package.json
├── package-lock.json
├── postcss.config.js
├── tailwind.config.js
├── index.html

🧑‍💻 Contributors

We welcome contributions! Follow these steps to contribute:

1. Fork the Repository
2. Create a New Branch

   git checkout -b feature-branch

3. Make Your Changes
4. Commit and Push

   git commit -m "Added new feature"
   git push origin feature-branch

5. Submit a Pull Request

Your contributions help improve SpendWise for everyone!

📄 License

This project is for educational purposes and is open for contributions.

---

Happy Budgeting with SpendWise! 💰📈