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
• npm

Try ExpenseVouge:

Live link: https://abubakkar-siddhiq.github.io/ExpenseVouge/

Installation

1. Clone the repository:

   git clone https://github.com/Abubakkar-Siddhiq/ExpenseVouge.git

2. Navigate to the project directory:

   cd ExpenseVouge

3. Install dependencies:

   npm install

Development

To run the application in development mode, use the following command:

npm run dev

This will start the development server, and you can access the application at 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: Fast and opinionated build tool for modern web development.
• React: A JavaScript library for building user interfaces.
• Tailwind CSS: A CSS Framework for Styling components with less code.
• Firebase: A Backend Service used for Auth & DB

Thank You 💖