Expense Tracker WebApp is a MERN stack application designed to help users manage their expenses efficiently. This application allows users to track their income and expenses, visualize spending patterns, and set budget goals.
- Frontend: React.js
- Backend: Node.js, GraphQL
- Database: MongoDB
- Deployment: Render
- User authentication and session management
- Add, edit, and delete expenses and income
- Visualize data with charts
- Responsive and user-friendly interface
- @apollo/client: A comprehensive state management library for JavaScript that enables you to manage both local and remote data with GraphQL.
- chart.js: A simple yet flexible JavaScript charting library for designers & developers.
- react-hot-toast: A React library to show notifications.
- react-icons: Include popular icons in your React projects easily.
- Aceternity UI: A UI component library that provides a set of customizable components to speed up the development process.
- graphql: A query language for your API, and a runtime for executing those queries by using a type system you define for your data.
- @apollo/server: An implementation of GraphQL server for Node.js.
- express: A minimal and flexible Node.js web application framework that provides a robust set of features to develop web and mobile applications.
- express-session: A middleware for creating a session middleware in a web application.
- graphql-passport: Integrates Passport with Apollo GraphQL for authentication.
- mongoose: A MongoDB object modeling tool designed to work in an asynchronous environment.
- passport: An authentication middleware for Node.js.
- connect-mongodb-session: A MongoDB-based session store for Express.
- @graphql-tools/merge: A tool to merge GraphQL schema and resolvers.
The application is deployed on Render.
Contributions are welcome! Please open an issue or submit a pull request for any improvements or bug fixes.