Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/vikassaxena2204/subscription-vault

Subscription-Vault is a web application to manage and track your subscriptions effectively. The app provides features like adding subscriptions, viewing a subscription list, and generating a revenue report.
https://github.com/vikassaxena2204/subscription-vault

expressjs json-server nodejs react-icons react-router-dom reactjs revenue-management subscription subscriptionmanagement tailwindcss

Last synced: about 1 month ago
JSON representation

Subscription-Vault is a web application to manage and track your subscriptions effectively. The app provides features like adding subscriptions, viewing a subscription list, and generating a revenue report.

Awesome Lists containing this project

README

        

# Subscription-Vault

Subscription-Vault is a web application to manage and track your subscriptions effectively. The app provides features like adding subscriptions, viewing a subscription list, and generating a revenue report.

## Table of Contents

- [Features](#features)
- [Tech Stack](#tech-stack)
- [Getting Started](#getting-started)
- [Installation](#installation)
- [Usage](#usage)
- [Screenshots](#screenshots)
- [License](#license)

## Features

- **Subscription Page**: Add new subscriptions with ease.
- **Revenue Report**: View detailed revenue reports.
- **Subscription Page**: List and manage all your subscriptions.

## Tech Stack

### Frontend
- **React**
- **React Router DOM**
- **React Query**
- **React Icons**
- **Tailwind CSS**

### Backend
- **JSON Server**
- **Node.js**
- **Express**
- **CORS**

## Getting Started

Follow the instructions below to set up and run the project locally.

### Prerequisites

- Node.js (v14 or above)
- npm or yarn

## Installation

1. Clone the repository:
```bash
git clone https://github.com/VikasSaxena2204/Subscription-Vault.git
cd Subscription-Vault
```

2. Install dependencies for the frontend:
```bash
cd client
npm install
```

3. Install dependencies for the backend:
```bash
cd backend
npm install
```

## Usage

### Running the Frontend

1. Navigate to the frontend directory:
```bash
cd client
```

2. Start the React development server:
```bash
npm start
```

### Running the Backend

1. Navigate to the backend directory:
```bash
cd ../backend
```

2. Start the JSON server:
```bash
npm start
```

The backend will run on `http://localhost:5000`, and the frontend will run on `http://localhost:3000`.

## 📸 Screenshots

### Home Page
![Home Page Screenshot]()

### Subscription Page
![Subscription Page Screenshot]()

### Revenue Page
![Revenue Page Screenshot]()

---

## 🧑‍💻 Author

- **Vikas Saxena**
- GitHub: [VikasSaxena2204](https://github.com/VikasSaxena2204)
- LinkedIn: [Vikas Saxena](https://linkedin.com/in/2204-vikas-saxena)
- Portfolio: [my-portfolio-vikas.vercel.app](https://my-portfolio-vikas.vercel.app)

---

## 📜 License

This project is licensed under the MIT License. See the [LICENSE](./LICENSE) file for details.

---

## 🌟 Support

If you find this project helpful, please consider giving it a ⭐ on [GitHub](https://github.com/VikasSaxena2204/Subscription-Vault)!

---