Skip to content

Commit

Permalink
chore: update invoicer README (#5957)
Browse files Browse the repository at this point in the history
  • Loading branch information
necatiozmen authored May 17, 2024
1 parent 38df95f commit e0e173b
Show file tree
Hide file tree
Showing 2 changed files with 42 additions and 10 deletions.
8 changes: 4 additions & 4 deletions examples/blog-refine-digital-ocean/README.MD
Original file line number Diff line number Diff line change
Expand Up @@ -21,20 +21,20 @@
[![Discord](https://img.shields.io/discord/837692625737613362.svg?label=&logo=discord&logoColor=ffffff&color=7389D8&labelColor=6A7EC2)](https://discord.gg/refine)
[![Twitter Follow](https://img.shields.io/twitter/follow/refine_dev?style=social)](https://twitter.com/refine_dev)

<a href="https://www.producthunt.com/posts/refine-3?utm_source=badge-top-post-badge&utm_medium=badge&utm_souce=badge-refine&#0045;3" target="_blank"><img src="https://api.producthunt.com/widgets/embed-image/v1/top-post-badge.svg?post_id=362220&theme=light&period=daily" alt="refine - 100&#0037;&#0032;open&#0032;source&#0032;React&#0032;framework&#0032;to&#0032;build&#0032;web&#0032;apps&#0032;3x&#0032;faster | Product Hunt" style="width: 250px; height: 54px;" width="250" height="54" /></a>

</div>


## About

⭐ You can view the live demo off the application [here](https://crm-app-kmmmo.ondigitalocean.app/).
⭐ You can view the live demo of the application [here](https://crm-app-kmmmo.ondigitalocean.app/).

This is a CRM (Customer Relationship Management) example project built using [refine](https://refine.dev/) and [Ant Design](https://ant.design/). It provides a set of tools and features to manage customer data, track interactions, and streamline business processes.
This is a CRM (Customer Relationship Management) example project built using [Refine](https://refine.dev/) and [Ant Design](https://ant.design/). It provides a set of tools and features to manage customer data, track interactions, and streamline business processes.

The application includes features such as dashboard analytics, a calendar for scheduling appointments, a scrum board for task management, and CRUD operations for managing companies, contacts, and quotes.

refine is a React-based powerful framework for building low-code applications. It is primarily focused on implementing data-heavy apps such as internal tools, dashboards, admin panels, and storefronts. It comes with a core package that segregates app concerns like data handling, authentication, access control, etc., into React contexts. It also supports integration with industry standard backend systems such and UI frameworks. It is highly customizable and extensible.
Refine is a React-based powerful framework for building data-heavy internal tools like dashboards, admin panels, storefronts and all type of CRUD apps. It comes with a core package that simplifies app requirements like data handling, authentication, access control, etc.


## Try this example on your local

Expand Down
44 changes: 38 additions & 6 deletions examples/invoicer/README.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
<div align="center" style="margin: 30px;">
<a href="https://refine.dev/">
<img alt="refine logo" src="https://refine.ams3.cdn.digitaloceanspaces.com/readme/refine-readme-banner.png">
<img alt="refine logo" src="https://refine.ams3.cdn.digitaloceanspaces.com/blog/invoicer/social.png">
</a>

</br>
Expand All @@ -16,20 +16,22 @@
</div>

</br>
</br>

<div align="center"><strong>Build your <a href="https://reactjs.org/">React</a>-based CRUD applications, without constraints.</strong><br>An open source, headless web application framework developed with flexibility in mind.

<div align="center">Build your React-based internal tools, admin panels, dashboards, B2B apps with flexibility in mind.<br>An open-source, headless React meta-framework, developed with a commitment to best practices, flexibility, minimal tech debt, and team alignment, could be a perfect fit for dynamic environments.
<br />
<br />

[![Discord](https://img.shields.io/discord/837692625737613362.svg?label=&logo=discord&logoColor=ffffff&color=7389D8&labelColor=6A7EC2)](https://discord.gg/refine)
[![Twitter Follow](https://img.shields.io/twitter/follow/refine_dev?style=social)](https://twitter.com/refine_dev)

<a href="https://www.producthunt.com/posts/refine-3?utm_source=badge-top-post-badge&utm_medium=badge&utm_souce=badge-refine&#0045;3" target="_blank"><img src="https://api.producthunt.com/widgets/embed-image/v1/top-post-badge.svg?post_id=362220&theme=light&period=daily" alt="refine - 100&#0037;&#0032;open&#0032;source&#0032;React&#0032;framework&#0032;to&#0032;build&#0032;web&#0032;apps&#0032;3x&#0032;faster | Product Hunt" style="width: 250px; height: 54px;" width="250" height="54" /></a>

</div>

## About

PDF Invoice Generator app example project built using [Refine](https://refine.dev/) and [Ant Design](https://ant.design/).

**You can view the live demo of the application [here](https://refine-invoicer-8mk7d.ondigitalocean.app/).**

## Try this example on your local

```bash
Expand All @@ -41,3 +43,33 @@ npm create refine-app@latest -- --example invoicer
<br/>

[![Open invoicer example from refine](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/embed/github/refinedev/refine/tree/master/examples/invoicer?view=preview&theme=dark&codemirror=1)

## Features

**Login Page**: Secure user authentication with email/password; password reset and remember me options for user convenience.

**Accounts Page**: Data table with pagination, search, and filter options; fully-functional create/edit/show subpages for account details.

**Clients Page**: Data table with pagination, search, and filter options; fully-functional create/edit/show subpages for client details.

**Invoices Page**: Invoice generation with account, client details and invoice items; generate invoice as PDF.

## Screenshots

![Login Page](https://refine.ams3.cdn.digitaloceanspaces.com/blog/invoicer/login-page.png)

![Accounts List](https://refine.ams3.cdn.digitaloceanspaces.com/blog/invoicer/accounts-list.png)

![New Account](https://refine.ams3.cdn.digitaloceanspaces.com/blog/invoicer/accounts-new.png)

![Edit Account](https://refine.ams3.cdn.digitaloceanspaces.com/blog/invoicer/accounts-edit.png)

![Clients List](https://refine.ams3.cdn.digitaloceanspaces.com/blog/invoicer/clients-list.png)

![Invoices List](https://refine.ams3.cdn.digitaloceanspaces.com/blog/invoicer/invoices-list.png)

![New Invoice](https://refine.ams3.cdn.digitaloceanspaces.com/blog/invoicer/invoices-new.png)

![Show Invoice](https://refine.ams3.cdn.digitaloceanspaces.com/blog/invoicer/invoices-show.png)

![PDF Export](https://refine.ams3.cdn.digitaloceanspaces.com/blog/invoicer/pdf-export.png)

0 comments on commit e0e173b

Please sign in to comment.