WealthX - Expense Tracker

Welcome to WealthX, a powerful and intuitive expense tracker built with React and Vite. Manage your expenses efficiently and track your financial goals seamlessly.

🌐 Live Demo

🚀 WealthX Live

---

📂 Project Structure

├── src/               # Source code
│   ├── components/    # Reusable components
│   ├── pages/         # Application pages
│   ├── assets/        # Images, icons, and styles
│   ├── utils/         # Helper functions
│   ├── App.tsx        # Main App component
│   └── main.tsx       # Application entry point
├── public/            # Static assets
├── .gitignore         # Git ignore file
├── package.json       # Dependencies and scripts
├── vite.config.js     # Vite configuration
└── README.md          # Project documentation

---

🛠️ Tech Stack

• React 18 (with Hooks)
• Vite (for fast development)
• Styled-Components (for styling)
• Tailwind CSS (for utility-based styling)
• Recharts (for financial data visualization)
• Lucide React (for icons)
• UUID (for unique ID generation)

---

🚀 Getting Started

1️⃣ Clone the Repository

git clone https://github.com/code-genuis/expense-tracker.git
cd expense-tracker

2️⃣ Install Dependencies

npm install

3️⃣ Start Development Server

npm run dev

4️⃣ Build for Production

npm run build

5️⃣ Preview the Build

npm run preview

---

📦 Deployment

The app is deployed on Netlify. To deploy manually, use:

git push origin main

For continuous deployment, connect your repository to Netlify and set the following build settings:

• Build Command: npm run build
• Publish Directory: dist

---

📄 License

This project is open-source and available under the MIT License.

---

💬 Connect with Me

• GitHub: code-genuis
• YouTube: CodeGeniusDev