This is a currency converter application with a wallet feature, allowing users to add expenses in different currencies and see the total expenses and the converted total in their local currency.
Add expenses with descriptions, amounts, currencies, payment methods, and categories. Convert expenses to the user's local currency using real-time exchange rates. View a summary of total expenses and converted total.
- React: A JavaScript library for building user interfaces.
- React Router: A library for routing in React applications.
- React Three: A JavaScript library for creating and manipulating 3D scenes in React applications.
- React Three Fiber: A React renderer for three.js, allowing the creation of 3D scenes using React components.
- React Three Drei: A collection of useful helpers and abstractions for React Three Fiber, simplifying the creation of complex 3D scenes.
- Redux: A predictable state container for JavaScript apps.
- Redux Thunk: Middleware for Redux to handle asynchronous logic.
- Tailwind CSS: A utility-first CSS framework for styling web applications.
- Vite: A fast development server and bundler tool for modern web development.
- ESLint: A tool for identifying and reporting on patterns found in JavaScript code.
- PostCSS and Autoprefixer: Tools for transforming CSS with JavaScript plugins.
- AwesomeAPI: An API for currency exchange rates.
To run this application locally, follow these steps:
Clone this repository to your local machine. Navigate to the project directory in your terminal. Install dependencies using npm or yarn:
npm install
# or
yarn installStart the development server:
npm run dev
# or
yarn devOpen your web browser and visit http://localhost:5173 to view the application.
dev: Start the development server.
build: Build the application for production.
lint: Lint the JavaScript and JSX files using ESLint.
preview: Preview the production build locally.