March 31, 2021

503 words 3 mins read

appsmithorg/appsmith

appsmithorg/appsmith

Build custom CRUD UI that talks to any API or database. All without HTML or CSS.

repo name appsmithorg/appsmith
repo link https://github.com/appsmithorg/appsmith
homepage https://www.appsmith.com
language TypeScript
size (curr.) 169119 kB
stars (curr.) 3983
created 2020-06-30
license Apache License 2.0

UI Components: Table, Chart, Form, Map, Image, Video, and many more. API Support: REST APIs, OAuth 2.0, CURL Database Support: PostgreSQL, MongoDB, MySQL, Firestore, S3, Redshift, Elastic Search, DynamoDB, Redis, and MSFT SQL Server Hosting: Cloud-hosted & On-premise

Already familiar with Appsmith? Quickly start building on your own.

🏭 Features

  • 5-minute setup: Deploy Appsmith on your server, or use our cloud version to start building in 5 minutes. Quick Start
  • Frontend as a service: Drag-and-drop from pre-built UI widgets like table, form, and image, to build sophisticated dashboards and workflows, without writing HTML/CSS. Write JavaScript anywhere to transform data, and dynamically control widget-properties.
  • Database CRUD: Query & update your database directly by connecting it to the UI. Connect to PostgreSQL, MongoDB, MySQL & more!
  • Trigger APIs: Connect to REST APIs to build custom apps.
  • Security: DB Credentials are AES 256 encrypted and no data is stored by appsmith. Deploy behind your private VPC for additional security!
  • One-click deployment: Managed deployment of your apps with a click of a button.
  • Access-control: Assign users different roles & control who can edit / view your applications.
  • Supports OAuth: Allow users to authenticate via Google Auth or GitHub Auth.

πŸ“Ί Demo

Unsure if Appsmith is for you? Watch it in action here

But if you’d rather check out some real applications that can be built with Appsmith, check below:

πŸƒβ€β™€οΈ Quickstart

The following steps introduce you to building a simple user-list dashboard on Appsmith.

  1. Sign up on Appsmith Cloud or Deploy Appsmith.
  2. Create a new app within the organization that has already been created for you.
  3. Click on the + icon next to the Queries section to add a new query in the mock database
    1. Name the query usersQuery.
    2. Write the query select * from users limit 5;.
    3. Run the query.
  4. Click on the + icon next to the Widgets section and drag a table onto the screen
  5. Link the table data property to the usersQuery using JavaScript {{usersQuery.data}}
  6. Hit the Deploy button and checkout the view mode of the app.

Congratulations πŸŽ‰ You just built your first app on Appsmith! Connect your own data to build apps for your team. Read more here.

πŸ“• Support & Troubleshooting

If you encountered a bug or need help troubleshooting an issue, you can use one of the following channels:

πŸ§‘β€πŸ€β€πŸ§‘ Contributing

If you’re interested in contributing to Appsmith:

  1. Start by reading our Contribution Guide.
  2. Learn how to set up your local environment, in our developer-guide.
  3. Explore our list of good first issues.

We are committed to fostering an open and welcoming environment in the community. Please read our Code of Conduct.

πŸ“‘ License

The Appsmith platform is available under the Apache License 2.0 (Apache-2.0).

Contributors

comments powered by Disqus