aviknayak22 / spendwisely

SpendWisely is an easy-to-use expense management application that helps users keep track of their spending and manage their finances effectively.

SpendWisely

SpendWisely is an easy-to-use expense management application that helps users keep track of their spending and manage their finances effectively.

Features

• User Authentication: Easily register, login, and logout to securely access your account.
• Transaction Management: Add, edit, and delete transactions with ease, including details like amount, type, category, reference, and date.
• Filtering and Sorting: Filter and sort transactions based on date range, type, and category to quickly find the information you need.
• Analytics: Visualize your spending patterns over time with simple graphs and charts, helping you understand where your money is going.
• Responsive Design: Enjoy a seamless experience across devices, whether you're using a desktop, tablet, or smartphone.

Demo

video.4.webm

Technologies Used

• Frontend: React.js, Chakra UI
• Backend: Node.js, Express.js
• Database: MongoDB (with Mongoose ODM)
• Authentication: JSON Web Tokens (JWT), bcrypt
• State Management: Redux Toolkit

Installation

1. Clone the repository:

    git clone https://github.com/AvikNayak22/SpendWisely.git
   

2. Change into the project directory:

   cd SpendWisely
   

3. Install dependencies for both the client and server:

   cd client
   npm install
   

   cd ../server
   npm install
   

4. Create a .env file in the server directory with the following content:

   MONGO_URL=your-mongodb-connection-string
   JWT_KEY=your-jwt-key
   PORT=your-server-port-number
   

5. Start the client:

   npm run start
   

6. Start the server:

   npm run server
   

Usage

• Register or log in to your account.
• Add transactions by providing the necessary details.
• View your transaction history and filter by date and type.
• Access the analytics dashboard to gain insights into your income and expenses.

Contributor

• AvikNayak22