Skip to content

Latest commit

 

History

History
138 lines (113 loc) · 3.58 KB

README.md

File metadata and controls

138 lines (113 loc) · 3.58 KB

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! 💰📈