https://github.com/codegeniusdev/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.
https://github.com/codegeniusdev/wealthx
css firebase html javascript netlify nodejs opensource reactjs supabase tailwindcss typescript vite vscode webapp
Last synced: 4 months ago
JSON representation
Welcome to WealthX, a powerful and intuitive expense tracker built with React and Vite. Manage your expenses efficiently and track your financial goals seamlessly.
- Host: GitHub
- URL: https://github.com/codegeniusdev/wealthx
- Owner: CodeGeniusDev
- Created: 2025-02-13T15:41:11.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-18T16:20:59.000Z (over 1 year ago)
- Last Synced: 2025-07-07T10:36:26.923Z (12 months ago)
- Topics: css, firebase, html, javascript, netlify, nodejs, opensource, reactjs, supabase, tailwindcss, typescript, vite, vscode, webapp
- Language: TypeScript
- Homepage: https://wealthx.netlify.app/
- Size: 167 KB
- Stars: 3
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](https://wealthx.netlify.app/)
---
## 📂 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
```sh
git clone https://github.com/code-genuis/expense-tracker.git
cd expense-tracker
```
### 2️⃣ Install Dependencies
```sh
npm install
```
### 3️⃣ Start Development Server
```sh
npm run dev
```
### 4️⃣ Build for Production
```sh
npm run build
```
### 5️⃣ Preview the Build
```sh
npm run preview
```
---
## 📦 Deployment
The app is deployed on **Netlify**. To deploy manually, use:
```sh
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](LICENSE).
---
## 💬 Connect with Me
- GitHub: [code-genuis](https://github.com/code-genuis)
- YouTube: [CodeGeniusDev](https://www.youtube.com/@CodeGeniusDev)