Skip to content

Commit 45eade0

Browse files
committed
chore: updated README
1 parent 07fd535 commit 45eade0

File tree

3 files changed

+80
-91
lines changed

3 files changed

+80
-91
lines changed

Diff for: .github/screenshots/FrappeCRMHero.png

-884 KB
Binary file not shown.

Diff for: .github/screenshots/FrappeCRMHeroImage.png

1.13 MB
Loading

Diff for: README.md

+80-91
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,22 @@
11
<div align="center" markdown="1">
22

33
<a href="https://frappe.io/products/crm">
4-
<img src=".github/logo.svg" height="100" alt="Frappe CRM Logo">
4+
<img src=".github/logo.svg" height="80" alt="Frappe CRM Logo">
55
</a>
66

77
<h1>Frappe CRM</h1>
88

99
**Simplify Sales, Amplify Relationships**
1010

1111
![GitHub release (latest by date)](https://img.shields.io/github/v/release/frappe/crm)
12-
![Issues](https://img.shields.io/github/issues/frappe/crm)
13-
![License](https://img.shields.io/github/license/frappe/crm)
14-
![Stars](https://img.shields.io/github/stars/frappe/crm)
1512

16-
![Frappe CRM](.github/screenshots/FrappeCRMHero.png)
13+
<div>
14+
<picture>
15+
<source media="(prefers-color-scheme: dark)" srcset=".github/screenshots/FrappeCRMHeroImage.png">
16+
<img width="1402" alt="Frappe CRM Hero Image" src=".github/screenshots/FrappeCRMHeroImage.png">
17+
</picture>
18+
</div>
19+
1720
[Live Demo](https://frappecrm-demo.frappe.cloud/api/method/crm.api.demo.login) - [Website](https://frappe.io/crm) - [Documentation](https://docs.frappe.io/crm)
1821

1922
</div>
@@ -22,48 +25,69 @@
2225

2326
Frappe CRM is a simple, affordable, open-source CRM tool designed for modern sales teams with unlimited users. Frappe CRM is crafted for providing a great user experience, packed with features for core CRM activities helping you build strong customer relationships while keeping things clean and organised.
2427

25-
## Motivation
28+
### Motivation
2629

2730
The motivation behind building Frappe CRM stems from the need for a simple, customizable, and open-source solution tailored to modern business needs. Many existing CRMs are either too complex, overly generic, or locked behind steep pricing models that hinder accessibility and flexibility. Frappe CRM was designed to bridge this gap, offering a tool that empowers businesses to manage their customer relationships seamlessly while being easy to adapt to specific workflows. Built on the Frappe framework, it prioritizes usability, extensibility, and affordability, making it an ideal choice for growing teams and organizations looking for a CRM that aligns with their unique processes.
2831

29-
## Key Features
32+
### Key Features
3033

3134
- **User-Friendly and Flexible:** A simple, intuitive interface that’s easy to navigate and highly customizable, enabling teams to adapt it to their specific processes effortlessly.
3235
- **All-in-One Lead/Deal Page:** Consolidate all essential actions and details—like activities, comments, notes, tasks, and more—into a single page for a seamless workflow experience.
3336
- **Kanban View:** Manage leads and deals visually with a drag-and-drop Kanban board, offering clarity and efficiency in tracking progress across stages.
3437
- **Custom Views:** Design personalized views to organize and display leads and deals using custom filters, sorting, and columns, ensuring quick access to the most relevant information.
3538

36-
## Integrations
39+
<details>
40+
<summary>Screenshots</summary>
41+
42+
<div>
43+
<picture>
44+
<source media="(prefers-color-scheme: dark)" srcset=".github/screenshots/LeadList.png">
45+
<img width="1402" alt="Lead List" src=".github/screenshots/LeadList.png">
46+
</picture>
47+
</div>
48+
<div>
49+
<picture>
50+
<source media="(prefers-color-scheme: dark)" srcset=".github/screenshots/LeadPage.png">
51+
<img width="1402" alt="Lead Page" src=".github/screenshots/LeadPage.png">
52+
</picture>
53+
</div>
54+
<div>
55+
<picture>
56+
<source media="(prefers-color-scheme: dark)" srcset=".github/screenshots/EmailTemplate.png">
57+
<img width="1402" alt="Email Template" src=".github/screenshots/EmailTemplate.png">
58+
</picture>
59+
</div>
60+
<div>
61+
<picture>
62+
<source media="(prefers-color-scheme: dark)" srcset=".github/screenshots/CallUI.png">
63+
<img width="1402" alt="Call UI" src=".github/screenshots/CallUI.png">
64+
</picture>
65+
</div>
66+
<div>
67+
<picture>
68+
<source media="(prefers-color-scheme: dark)" srcset=".github/screenshots/CallLog.png">
69+
<img width="1402" alt="Call Log" src=".github/screenshots/CallLog.png">
70+
</picture>
71+
</div>
72+
73+
</details>
74+
75+
### Integrations
3776

3877
- **Twilio:** Integrate Twilio to make and receive calls from the CRM. You can also record calls. It is a built-in integration.
3978
- **WhatsApp:** Integrate WhatsApp to send and receive messages from the CRM. [Frappe WhatsApp](https://github.com/shridarpatil/frappe_whatsapp) is used for this integration.
4079
- **ERPNext:** Integrate with [ERPNext](https://erpnext.com) to extend the CRM capabilities to include invoicing, accounting, and more.
4180

42-
<details>
43-
<summary>Screenshots</summary>
44-
45-
![Deals List](.github/screenshots/LeadList.png)
46-
![Lead Page](.github/screenshots/LeadPage.png)
47-
![Email Template](.github/screenshots/EmailTemplate.png)
48-
![Call UI](.github/screenshots/CallUI.png)
49-
![Call Log](.github/screenshots/CallLog.png)
50-
51-
</details>
52-
53-
## Under the Hood
54-
55-
- [**Frappe Framework**](https://github.com/frappe/frappe): A full-stack web application framework written in Python and Javascript. The framework provides a robust foundation for building web applications, including a database abstraction layer, user authentication, and a REST API.
81+
### Under the Hood
5682

57-
- [**Frappe UI**](https://github.com/frappe/frappe-ui): A Vue-based UI library, to provide a modern user interface. The Frappe UI library provides a variety of components that can be used to build single-page applications on top of the Frappe Framework.
83+
- [Frappe Framework](https://github.com/frappe/frappe): A full-stack web application framework.
84+
- [Frappe UI](https://github.com/frappe/frappe-ui): A Vue-based UI library, to provide a modern user interface.
5885

59-
## Production Setup
86+
## Getting Started (Production)
6087

6188
### Managed Hosting
6289

63-
You can try [Frappe Cloud](https://frappecloud.com), a simple, user-friendly and sophisticated [open-source](https://github.com/frappe/press) platform to host Frappe applications with peace of mind.
64-
65-
It takes care of installation, setup, upgrades, monitoring, maintenance and support of your Frappe deployments. It is a fully featured developer platform with an ability to manage and control multiple Frappe deployments.
66-
90+
Get started with your personal or business site with a few clicks on Frappe Cloud - our official hosting service.
6791
<div>
6892
<a href="https://frappecloud.com/crm/signup" target="_blank">
6993
<picture>
@@ -88,7 +112,7 @@ wget https://frappe.io/easy-install.py
88112
```bash
89113
python3 ./easy-install.py deploy \
90114
--project=crm_prod_setup \
91-
--email=your_email.example.com \
115+
--email=email.example.com \
92116
--image=ghcr.io/frappe/crm \
93117
--version=stable \
94118
--app=crm \
@@ -97,12 +121,34 @@ python3 ./easy-install.py deploy \
97121

98122
Replace the following parameters with your values:
99123

100-
- `your_email.example.com`: Your email address
124+
- `email.example.com`: Your email address
101125
- `subdomain.domain.tld`: Your domain name where CRM will be hosted
102126

103127
The script will set up a production-ready instance of Frappe CRM with all the necessary configurations in about 5 minutes.
104128

105-
## Development Setup
129+
## Getting Started (Development)
130+
131+
### Local Setup
132+
133+
1. [Setup Bench](https://docs.frappe.io/framework/user/en/installation).
134+
1. In the frappe-bench directory, run `bench start` and keep it running.
135+
1. Open a new terminal session and cd into `frappe-bench` directory and run following commands:
136+
```sh
137+
$ bench get-app crm
138+
$ bench new-site sitename.localhost --install-app crm
139+
$ bench browse sitename.localhost --user Administrator
140+
```
141+
1. Access the crm page at `sitename.localhost:8000/crm` in your web browser.
142+
143+
**For Frontend Development**
144+
1. Open a new terminal session and cd into `frappe-bench/apps/crm`, and run the following commands:
145+
```
146+
yarn install
147+
yarn dev
148+
```
149+
1. Now, you can access the site on vite dev server at `http://sitename.localhost:8080`
150+
151+
**Note:** You'll find all the code related to Frappe CRM's frontend inside `frappe-bench/apps/crm/frontend`
106152

107153
### Docker
108154

@@ -128,72 +174,15 @@ You need Docker, docker-compose and git setup on your machine. Refer [Docker doc
128174
- Username: Administrator
129175
- Password: admin
130176

131-
### Codespaces
132-
133-
1. Open [this link](https://github.com/codespaces/new?hide_repo_select=true&ref=master&repo=668199241&skip_quickstart=true&machine=standardLinux32gb&devcontainer_path=.devcontainer%2Fdevcontainer.json&geo=SoutheastAsia) and click on "Create Codespace".
134-
2. Wait for initialization (~15 mins).
135-
3. Run `bench start` from the terminal tab.
136-
4. Click on the link beside "8000" port under "Ports" tab.
137-
5. Log in with "Administrator" as the username and "admin" as the password.
138-
6. Go to `<random-id>.github.dev/crm` to access the crm interface.
139-
140-
### Local
141-
142-
1. [Install Bench](https://github.com/frappe/bench).
143-
2. Install Frappe CRM app:
144-
```sh
145-
$ bench get-app crm
146-
```
147-
3. Create a site with the crm app:
148-
```sh
149-
$ bench --site sitename.localhost install-app crm
150-
```
151-
4. Open the site in the browser:
152-
```sh
153-
$ bench browse sitename.localhost --user Administrator
154-
```
155-
5. Access the crm page at `sitename.localhost:8000/crm` in your web browser.
156-
157-
### Frontend Development Setup
158-
159-
The Frappe CRM's frontend is a Vue.js application located in the `frontend/src` directory. Follow these steps to set up the frontend development environment:
160-
161-
1. Navigate to the app directory:
162-
163-
```bash
164-
cd apps/crm
165-
```
166-
167-
2. Install dependencies:
168-
169-
```bash
170-
yarn install
171-
```
172-
173-
3. Add the following line in your site's `site_config.json` file
174-
175-
```json
176-
"ignore_csrf": 1
177-
```
178-
179-
4. Start the development server:
180-
181-
```bash
182-
yarn dev
183-
```
184-
185-
5. Access the development site:
186-
- Open `http://crm.localhost:8080/crm` in your browser
187-
- Any changes to files in `frontend/src` will automatically reload in the browser
188-
189177
## Learn and connect
190178

191179
- [Telegram Public Group](https://t.me/frappecrm)
192180
- [Discuss Forum](https://discuss.frappe.io/c/frappe-crm)
193181
- [Documentation](https://docs.frappe.io/crm)
194-
- [YouTube](https://frappe.io)
182+
- [YouTube](https://www.youtube.com/channel/UCn3bV5kx77HsVwtnlCeEi_A)
195183

196-
<h2></h2>
184+
<br>
185+
<br>
197186
<div align="center" style="padding-top: 0.75rem;">
198187
<a href="https://frappe.io" target="_blank">
199188
<picture>

0 commit comments

Comments
 (0)