https://github.com/blacktom900131/expensevouge
ExpenseVouge - Your Daily Expense Tracker!
https://github.com/blacktom900131/expensevouge
expense-manager expense-tracker firebase firestore front-end-de frontend html-css-ja javascript react react-preoject-ideas react-pro react-project reactjs tailwindscss web webdevelopment
Last synced: about 1 month ago
JSON representation
ExpenseVouge - Your Daily Expense Tracker!
- Host: GitHub
- URL: https://github.com/blacktom900131/expensevouge
- Owner: BlackTom900131
- Created: 2024-10-08T10:15:26.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-10-08T10:16:52.000Z (over 1 year ago)
- Last Synced: 2025-05-13T20:40:09.989Z (about 1 year ago)
- Topics: expense-manager, expense-tracker, firebase, firestore, front-end-de, frontend, html-css-ja, javascript, react, react-preoject-ideas, react-pro, react-project, reactjs, tailwindscss, web, webdevelopment
- Language: JavaScript
- Homepage: https://abubakkar-siddhiq.github.io/ExpenseVouge
- Size: 688 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ExpenseVouge
ExpenseVouge is an web application built using Vite and React. Vite is a fast build tool for modern web development, and it is specifically designed to work seamlessly with React.
## Preview
### Desktop UI
### Mobile UI
## Getting Started
### Prerequisites
Make sure you have Node.js and npm installed on your machine.
- [Node.js](https://nodejs.org/)
- [npm](https://www.npmjs.com/)
### Try ExpenseVouge:
Live link: https://abubakkar-siddhiq.github.io/ExpenseVouge/
### Installation
1. Clone the repository:
```bash
git clone https://github.com/Abubakkar-Siddhiq/ExpenseVouge.git
```
2. Navigate to the project directory:
```bash
cd ExpenseVouge
```
3. Install dependencies:
```bash
npm install
```
### Development
To run the application in development mode, use the following command:
```bash
npm run dev
```
This will start the development server, and you can access the application at [http://localhost:3000](http://localhost:3000).
## Project Structure
- `src`: Contains the source code for the React application.
- `components`: React components used in the application.
- `contexts`: Context API for overall State Management.
- `config`: Contians the Configuration for Firebase.
- `Hooks`: Custom React Hooks used in the Application
- `pages`: React components representing different pages of the application.
- `App.jsx`: The main entry point for the React application.
- `public`: Contains static assets that will be served as-is.
## Technologies Used
- [Vite](https://vitejs.dev/): Fast and opinionated build tool for modern web development.
- [React](https://reactjs.org/): A JavaScript library for building user interfaces.
- [Tailwind CSS](https://tailwindcss.com/): A CSS Framework for Styling components with less code.
- [Firebase](https://firebase.google.com/): A Backend Service used for Auth & DB
### Thank You 💖