WealthX

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

Comment

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

Share this project:

Updates