Weekly Balance Component

Description 📃

This component can be used for handling the balance of a business budget. Built with React using TypeScript and Vite, Tailwind CSS, and React Context API. Also has the possibility to switch languages, from english, to spanish and catalan.

Technologies Used

• React using TypeScript: TypeScript library for building user interfaces.
• Tailwind CSS with DaisyUI: CSS framework for modern and responsive design.
• i18next: Dependency for language translations.
• ChartJS: Dependency for graphic components.

Features 🎉

• Daily Expenses List: See the daily expenses of a database.
• Total Balance: Calculate the total balance using the expenses and earnings of a database.
• Automatic Database Creator: Creates an array of objects from 01-01-2024 to the actual date.
• Theme Switch: Change theme from light to dark.
• Language Switcher: Choose between three languages.

Installation 💻

Follow these steps to clone and run the project locally.

1. Clone the repository:

   git clone https://github.com/opujade/weekly-balance-component

2. Navigate to the project directory:

   cd weekly-balance-component

3. Install dependencies:

   npm install

4. Start the application:

   npm run dev

The application should be available at http://localhost:5173.

---

Images