SplitIt

SplitIt is a MERN-based expense tracker and manager designed to make splitting expenses between groups and managing your personal finances seamless and efficient. The application provides a user-friendly interface and ensures responsiveness across all devices.

SnapShot

Features

• User Authentication : Secure login and registration system to keep user data private and protected.
• Group Management : Create and manage multiple groups for different purposes and add multiple members to each group for effortless expense tracking.
• Expense Management : Track and manage expenses across various groups and can view detailed summaries of group and individual expenses.
• Intuitive UI : Visually appealing interface to enhance user experience.
• Responsive Design : Fully responsive to ensure compatibility with desktops, tablets, and mobile devices.

Tech Stack

• Frontend : React.js
• Backend : Node.js with Express
• Database : MongoDB
• Authentication : JWT (JSON Web Tokens)
• Styling : Tailwind

Concepts Explored

This project leverages several key concepts in modern web development, including:

• Full-Stack Development: Combining frontend (React.js) and backend (Node.js, Express) for a complete application.
• Authentication and Authorization: Implementing secure user authentication using JWT.
• Database Management: Using MongoDB for efficient storage and retrieval of user and group data.
• Responsive Design: Ensuring the application is visually appealing and functional across various devices.
• State Management: Managing application state efficiently using React hooks and context.
• RESTful APIs: Building and consuming APIs for seamless communication between client and server.
• Version Control: Using Git for collaborative development and project management.

How to Run

• Prerequisites Make sure you have the following installed on your system:

  • React
  • Node.js
  • Mongo DB

• Steps

1. Clone the repository:

   https://github.com/sujal1256/SplitIt.git
   

2. Navigate to Project Directory:

   cd Splitit
   

3. Open one Terminal:

   cd server
   npm install
   npm run dev
   

4. Open another Terminal:

   cd client
   npm install
   npm run dev
   

Usage

• Register an account and log in.
• Create groups and invite members.
• Add and manage expenses for each group.
• View expense summaries and settle dues.

Acknowledgments

Special appreciation goes to:

The development teams behind React, Node.js, Express, and MongoDB for their cutting-edge tools and frameworks.

Future Enhancements

• Progressive Web App (PWA) : Enabling offline usage and app-like experience directly from the browser.
• Other Advancements : Advanced reporting and analytics for detailed insights into spending habits.
• Payments : Integration with payment gateways for seamless expense settlements.

Contributing

Contributions are welcome! Please follow these steps:

• Fork the repository.
• Create a new branch.
• Make your changes and commit them.
• Push to the branch.
• Open a pull request.

MADE AND MAINTAINED BY SUJAL and SHRIYA.