https://github.com/vikashpr/richpanel-assignment

RichPanel Subscription assignment
https://github.com/vikashpr/richpanel-assignment

Last synced: about 6 hours ago
JSON representation

RichPanel Subscription assignment

• Host: GitHub
• URL: https://github.com/vikashpr/richpanel-assignment
• Owner: VikashPR
• Created: 2023-08-04T15:05:59.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-08-07T03:20:01.000Z (3 months ago)
• Last Synced: 2024-08-07T07:13:31.634Z (3 months ago)
• Language: Vue
• Homepage: https://richpanel-assignment-de3f0.web.app
• Size: 427 KB
• Stars: 3
• Watchers: 2
• Forks: 0
• Open Issues: 6
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# RichPanel Subscription Service

### Project Description

This project is a simple subscription service that allows users to subscribe to a service and view their subscription details. The project is built using Vue.js, uses Firebase as the backend and powered by stripe. The project is hosted on Firebase and can be accessed at [Live](https://richpanel-assignment-de3f0.web.app)

### Tech Stack

![Stripe](https://img.shields.io/badge/Stripe-626CD9?style=for-the-badge&logo=Stripe&logoColor=white)

![Vue.js](https://img.shields.io/badge/Vue.js-4FC08D?style=for-the-badge&logo=Vue.js&logoColor=white)

![Firebase](https://img.shields.io/badge/Firebase-FFCA28?style=for-the-badge&logo=Firebase&logoColor=white)

![Vuetify](https://img.shields.io/badge/Vuetify-1867C0?style=for-the-badge&logo=Vuetify&logoColor=white)

### Live Demo

https://github.com/VikashPR/Richpanel-Assignment/assets/69889418/aa447e86-ef08-4160-9066-fa4cfb18da60

### CI/CD Pipeline

![GitHub Actions](https://img.shields.io/badge/GitHub_Actions-2088FF?style=for-the-badge&logo=GitHub-Actions&logoColor=white)

![Firebase](https://img.shields.io/badge/Firebase-FFCA28?style=for-the-badge&logo=Firebase&logoColor=white)

### Project Requirements

- Node.js

- NPM

- Firebase CLI

- Vue CLI

### Project setup

```

npm install

```

### Compiles and hot-reloads for development

```

npm run serve

```

### Compiles and minifies for production

```

npm run build

```

### Understanding Routing

``` javascript

path:"/"

    name:"Home"

path:"login"

    name:"Login"

path:"register"

    name:"register"

path:"/payment/:planDuration/:selectedPlan"

    name:"Payment"

path:"user-plan"

    name:"UserPlan"

```