Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/raphico/payup
A user-friendly invoice application built with React.js and Firebase, offering features like invoice management, pagination, filtering, table view for seamless user experience
https://github.com/raphico/payup
firebase radix-ui react tailwind
Last synced: 24 days ago
JSON representation
A user-friendly invoice application built with React.js and Firebase, offering features like invoice management, pagination, filtering, table view for seamless user experience
- Host: GitHub
- URL: https://github.com/raphico/payup
- Owner: Raphico
- Created: 2023-11-03T19:41:15.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-01-05T19:28:05.000Z (about 1 year ago)
- Last Synced: 2024-11-18T10:24:06.577Z (3 months ago)
- Topics: firebase, radix-ui, react, tailwind
- Language: TypeScript
- Homepage: https://pay-up-roan.vercel.app
- Size: 346 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# [PayUp](https://pay-up-roan.vercel.app)
An invoice app built with react and firebase
## Tech Stack
- **UI Library:** [React.js](https://react.dev)
- **Styling:** [Tailwind CSS](https://tailwindcss.com)
- **User & Data Management:** [Firebase](https://firebase.google.com)
- **Asynchronous state:** [Tanstack Query](https://tanstack.com/query/v5)
- **Headless Components:** [radix/ui](https://radix-ui.com/)
- **Form Validation:** [react-hook-form](https://react-hook-form.com/)
- **Chart Library:** [rechart](https://recharts.org/)
## Features to be implemented
- [x] Authentication with **firebase**
- [x] dashboard
- [x] Create, update, and delete Invoice
- [x] Invoices filtering and search
- [x] Pagination
- [x] Theme toggling
## Running Locally
1. Clone the repository
```bash
git clone https://github.com/Raphico/payUp.git
```
2. Install dependencies using npm
```bash
npm install
```
3. Copy the `.env.example` to `.env.local` and update the variables.
```bash
cp .env.example .env
```
4. Start the development server
```bash
npm run dev
```
## How do I deploy this?
Follow the deployment guides for [Vercel](https://create.t3.gg/en/deployment/vercel)