Skip to content

Commit e473c4c

Browse files
authored
Update README.md
1 parent 0f72a69 commit e473c4c

File tree

1 file changed

+32
-23
lines changed

1 file changed

+32
-23
lines changed

README.md

Lines changed: 32 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -6,21 +6,25 @@
66

77
* [Try live demo](https://demo.adminforth.dev/) (Read-only mode)
88

9-
* [Hello world in 5 minutes](https://adminforth.dev/docs/tutorial/gettingStarted) with AdminForth.
9+
* [Hello world in 5 minutes](https://adminforth.dev/docs/tutorial/gettingStarted) with AdminForth
1010

11-
* [Full API reference](https://adminforth.dev/docs/api/).
11+
* [Tutorial](https://adminforth.dev/docs/tutorial/Customization/branding/)
1212

13+
<br/>
1314
<div align="center">
14-
<img src="https://github.com/user-attachments/assets/f507a46b-f282-4f81-97e0-32fceb002ded"
15-
alt="Image description" width="800px">
15+
<img src="https://github.com/user-attachments/assets/eab356d0-b953-4488-863e-f39792971922"
16+
alt="AdminForth Dashboard" width="90%">
1617
</div>
1718

18-
Features:
19+
<br/>
20+
21+
Why AdminForth:
1922
* AdminForth is always free and open-source (no paid versions, no cloud subscriptions sh*t)
2023
* Init AdminForth with your database URL in Node.js file, easily describe the tables you wish to see in admin, and get fully functional UI for your data (filter, create, edit, remove)
21-
* Define Vue components to any part (place in data cell, instead of row, add something above the table, inject something to header or sidebar, add custom page with charts)
24+
* Define Vue components to change look of various parts of admin (place in data cell, instead of row, add something above the table, inject something to header or sidebar, add custom page with charts or custom components)
25+
* Rich build-in Components library (AdminForth AFCL) with premade easy-to-use build-blocks which follow your theme
2226
* Define express APIs and call them from your components and pages
23-
* Use various modern back-office-must-have plugins like audit log, files/image upload, TOTP 2FA, Copilot-style AI writing and images generation
27+
* Use various modern back-office-must-have plugins like audit log, files/image upload, TOTP 2FA, I18N, Copilot-style AI writing and image generation
2428

2529
## Project initialisation
2630

@@ -29,28 +33,33 @@ mkdir myadmin && cd myadmin
2933
npx adminforth create-app
3034
```
3135

32-
3336
## Previews
3437

3538

39+
<table>
40+
<tr>
41+
<td style="width: 40%; vertical-align: top;">
42+
<a href="https://adminforth.dev/docs/tutorial/Customization/customPages">Custom Dashboard</a>
43+
<br/>
44+
<img src="https://github.com/user-attachments/assets/aa899196-f7f3-4582-839c-2267f2e9e197" alt="AdminForth Dashboard demo" width="500px" />
45+
</td>
46+
<td style="width: 40%; vertical-align: top;">
47+
<a href="https://adminforth.dev/docs/tutorial/Plugins/chat-gpt">Chat-GPT plugin</a>
48+
<br/>
49+
<img src="https://github.com/user-attachments/assets/cfa17cbd-3a53-4725-ab46-53c7c7666028" alt="AdminForth ChatGPT demo" width="500px" />
50+
</td>
51+
</tr>
52+
<tr>
53+
<td style="width: 40%; vertical-align: top;">
54+
<a href="https://adminforth.dev/docs/tutorial/Plugins/upload/#image-generation">Image DALEE Generation</a>
55+
<br/>
56+
<img src="https://github.com/user-attachments/assets/b923e044-7e29-46ff-ab91-eeca5eee2b0a" alt="AdminForth DALE-E image generator demo" width="500px">
57+
</td>
58+
</tr>
59+
</table>
3660

37-
[Custom Dashboard](https://adminforth.dev/docs/tutorial/Customization/customPages):
38-
39-
<div align="center">
40-
<img src="https://github.com/user-attachments/assets/aa899196-f7f3-4582-839c-2267f2e9e197" alt="AdminForth Dashboard demo" width="500px">
41-
</div>
4261

43-
[Chat-GPT plugin](https://adminforth.dev/docs/tutorial/Plugins/chat-gpt):
4462

45-
<div align="center">
46-
<img src="https://github.com/user-attachments/assets/cfa17cbd-3a53-4725-ab46-53c7c7666028" alt="AdminForth ChatGPT demo" width="500px">
47-
</div>
48-
49-
[Image DALEE Generation](https://adminforth.dev/docs/tutorial/Plugins/upload/#image-generation)
50-
51-
<div align="center">
52-
<img src="https://github.com/user-attachments/assets/b923e044-7e29-46ff-ab91-eeca5eee2b0a" alt="AdminForth DALE-E image generator demo" width="500px">
53-
</div>
5463

5564

5665
# For developers

0 commit comments

Comments
 (0)