Advanced Expense Tracker

An advanced expense tracker built with React.js, featuring user guidance using Shepherd.js.

Deployed Site:

https://fascinating-dango-8ef961.netlify.app/

DEMO Video:

https://www.youtube.com/watch?v=-i-ghIXqV_8

Table of Contents

• Introduction
• Features
• Installation
• Usage
• Project Structure
• Technologies Used
• Contributing
• License

Introduction

This project is an advanced expense tracker application built with React.js. It allows users to add, list, and view statistics of their expenses. The application also provides user guidance through various features using Shepherd.js.

Features

• Add new expenses with title, amount, and date.
• View a list of all expenses.
• View statistics including the total amount and number of expenses.
• Interactive user guidance using Shepherd.js.

Installation

1. Clone the repository:

   git clone https://github.com/SwapnilPal12/ExpenseTracker.git
   

2. Install Dependencies:

   npm install
   

3. Start the application:

   npm start
   

Project Structure

src/ ├── components/ │ ├── AddExpense.js │ ├── ExpenseList.js │ ├── ExpenseItem.js │ ├── Statistics.js │ └── Tour.js ├── App.js ├── index.js └── styles.css

AddExpense.js: Component for adding new expenses. ExpenseList.js: Component for listing all expenses. ExpenseItem.js: Component for displaying individual expense items. Statistics.js: Component for displaying expense statistics. Tour.js: Component for Shepherd.js guided tour.

Technologies Used

React.js: JavaScript library for building user interfaces. Shepherd.js: JavaScript library for guiding users through your app.

Contributing

Contributions are welcome! Please follow these steps:

Fork the repository. Create a new branch (git checkout -b feature-branch). Commit your changes (git commit -m 'Add some feature'). Push to the branch (git push origin feature-branch). Open a pull request.

License This project is licensed under the MIT License - see the LICENSE file for details.

SwapnilPal12 This README.md file includes sections for introduction, features, installation, usage, project structure, technologies used, contributing guidelines, and license information, providing a comprehensive guide for anyone who wants to use or contribute to the project.