Go to file
Paul Li 6c8c7b2da8
feat: camera widget (#8069)
* feat: Camera Widget

-- Scaffold the basic structure of the widget

* feat: Camera Widget

-- Prototype a feature, taking picture

* feat: Camera Widget

-- Add types for MediaRecorder
-- Define media capture status and action types
-- Prototype basic video recording, playing features

* feat: Camera Widget

-- Implement video player
-- Add timer for recording and playing video
-- Add permission and error handling logic
-- Add device selectors

* feat: Camera Widget

-- Place control buttons above device inputs layer
-- Make the widget fully responsive

* feat: Camera Widget

-- Change the color of caret-down icon to white
-- Remove overlaying of web cam and video player
-- Add some padding for device inputs

* feat: Camera Widget

-- Add black background to the container of the widget

* feat: Camera Widget

-- Change the widget icon

* feat: Camera Widget

-- Implement the mute feature of a mic or a camera

* feat: Camera Widget

-- Check media device permissions before getting started

* feat: Camera Widget

-- Add a fullscreen control

* feat: Camera Widget

-- Set error text color to white
-- Change the layout of control panel

* feat: Camera Widget

-- Apply layout change for control panel according to app layout change

* feat: Camera Widget

-- Add a new derived property, videoURL

* feat: Switch Group Widget

-- Adopt theme changes

* feat: Camera Widget

-- Make background grey in case of both error and disabled status

* feat: Camera Widget

-- Update npm dependencies

* feat: Camera Widget

-- Fix on #8788, using muted property

* feat: Camera Widget

-- Show off the microphone setting icon only if the current mode is video
-- Set isMirrored property to true by default

* feat: Camera Widget

-- Add photo viewer

* feat: Camera Widget

-- Add onImageCapture, onRecordingStart, onRecordingStop actions instead of onMediaCapture

* feat: Camera Widget

-- Expose meta properties for the widget

* feat: Camera Widget

-- Fix on responsiveness issue

* feat: Camera Widget

-- Add type definitions for MediaStream recording

* feat: Camera Widget

-- Hide isMirroed property for video mode

* feat: Camera Widget

-- Wrap all the controls with TooltipComponent

* feat:  Camera Widget

-- Implement enter, exit full screen feature

* feat: Camera Widget

-- Add a widget icon for entity explorer

* feat: Camera Widget

-- Fix on the typo for the label of onRecordingStop property

* feat: Camera Widget

-- Enable/disable media tracks

* feat: Camera Widget

-- Set the video's height to 100% in fullscreen mode

* feat: Camera Widget

-- Add overlayers on Webcam

* feat: Camera Widget

-- Set position to relative on fullscreen wrapper div
-- Set the photo viewer's height to 100%

* feat: Camera Widget

-- Add image, mediaCaptureStatus, timer meta properties to keep UI states when the widget is dragged

* feat: Camera Widget

-- Refactor code base, eliminating commented code blocks

* feat: Camera Widget

-- Revert all the changes needed for keeping status when the widget is dragged
-- Set mirroed property to false for video mode
2021-12-24 22:06:59 +08:00
.github test: Adding visual tests for layout validation (#9857) 2021-12-24 17:47:22 +05:30
app feat: camera widget (#8069) 2021-12-24 22:06:59 +08:00
ci Fix password length 2021-08-13 18:48:27 +05:30
contributions chore: [ImgBot] Optimize images (#9544) 2021-12-03 12:47:23 +05:30
deploy Fix connecting to MongoDB fails (#9988) 2021-12-24 16:35:36 +05:30
static chore: [ImgBot] Optimize images (#9208) 2021-11-19 09:43:30 +05:30
.all-contributorsrc docs: add rafaeelaudibert as a contributor for code (#8766) 2021-10-25 22:42:53 +05:30
.deepsource.toml Create .deepsource.toml (#3593) 2021-03-19 11:40:59 +05:30
.env.example feat: env flag to disable intercom (#6937) 2021-08-30 22:11:55 +05:30
.gitignore Ansible playbook now works with Appsmith fat image (#9509) 2021-12-11 08:01:56 +05:30
.imgbotconfig Added imgbot config file (#1655) 2020-11-09 17:52:53 +05:30
.nojekyll Add a nojekyll file for helm charts to work 2021-11-26 14:04:22 +05:30
API.png [ImgBot] Optimize images (#1513) 2020-11-02 19:44:01 +05:30
app.json Removing non-required fields from Heroku deployment. (#5978) 2021-07-20 23:30:59 +05:30
appsmith_events.md docs: Updated appsmith_events.md and SECURITY.md (#8921) 2021-11-12 13:42:41 +05:30
appsmith_templates.md docs: Fixing grammer in appsmith_templates.md (#8030) 2021-10-18 02:01:56 +05:30
appsmith-1.3.0.tgz ci: Publish Appsmith helm chart (#9540) 2021-12-03 01:58:08 +05:30
CODE_OF_CONDUCT.md Readme (#11) 2020-07-01 16:42:41 +05:30
CONTRIBUTING.md fix: Fixed the broken links in CONTRIBUTING.md (#8815) 2021-10-26 15:26:02 +05:30
coverage-summary.json feat: Improved onboarding flow on user signup (#7089) 2021-09-13 12:52:51 +05:30
Dockerfile Add appsmithctl command to migrate instance to new server (#9508) 2021-12-17 10:39:20 +05:30
heroku.yml Heroku Button implementation (#1721) 2020-11-18 18:53:59 +05:30
index.yaml ci: Publish Appsmith helm chart (#9540) 2021-12-03 01:58:08 +05:30
IssuesReport.md Feature/hacktoberfest (#841) 2020-09-30 23:23:10 +05:30
LICENSE Update LICENSE 2021-05-27 12:53:55 +05:30
list Table UI test cases (#5910) 2021-08-21 12:34:23 +05:00
Query.png [ImgBot] Optimize images (#1513) 2020-11-02 19:44:01 +05:30
README.md Update README.md 2021-12-01 20:02:51 +05:30
SECURITY.md docs: Updated appsmith_events.md and SECURITY.md (#8921) 2021-11-12 13:42:41 +05:30

Appsmith - The Frontend Tool for Any Backend

Get StartedDocsCommunityTutorialsEventsYoutubeDiscordTemplates

Turn any datasource into an internal app in minutes. Appsmith lets you drag-and-drop UI components to build pages, connect to any API, database or GraphQL source and write logic with JavaScript objects.



MVC-Github-Readme

Quick Start

The fastest way to start with Appsmith is the cloud-hosted version. When you're ready, you can also host it yourself.


Build an Internal Tool with Appsmith

Features

Use ready components to build workflows in record time. Drag common elements like tables, charts, forms and more right into your app.

Includes text, forms, inputs, buttons, tables, images, charts, checkboxes, switches, radio buttons, datepickers, dropdowns, filepickers, containers, maps, modals, rich text editors, tabs & video.

Appsmith automagically works using any DB, Rest API or GraphQL as a datasource, with support for OAuth 2.0 and CURL. Here's a list of all our pre-built integrations.

Currently works with PostgreSQL, MongoDB, MySQL, Firestore, S3, Redshift, Elastic Search, DynamoDB, Redis, and MSFT SQL Server.

We'll run JS anywhere! Code interactions between elements, update datasources or manipulate SQL queries—we'll parse JS anywhere.

Push a button to deploy & share apps with your team, or privately invite your team using OAuth 2.0. Each member can be assigned a role with access to certain parts of the app.

🔑 Solid 256-bit Encryption

Appsmith apps are secure by default. All connections are TLS-encrypted, and credentials are encrypted with AES-256—so we can't see any of your data. For added security, try our self-hosted options.

🎙 Transparent Support

Issues are inevitable. When you have one, our entire team is around to help—

  • 💬 Talk to us on Discord
  • 📄 Find a solution in our Documentation
  • ⚠️ Open an issue right here on GitHub
  • 👾 Ask for help on our Forum
  • Join our Beta users program and give us feedback Betasmith Community. Be a part of the community that will help shape the future of Appsmith.

Deployment Options

Check out the instructions for deploying Appsmith on different services:

Cloud Provider Link Documentation
DigitalOcean Deploy to DigitalOcean Link
AWS AMI Deploy to DigitalOcean Link
Docker Link
Kubernetes Link

Demos

Check out some real applications that can be built with Appsmith:

Tutorials

Here are the latest tutorials and videos for you to learn more about Appsmith:

  1. Build an Investor CRM using Appsmith on Google Sheets
  2. Building an Admin Panel on MongoDB using Appsmith (Video)
  3. Building a Discount Management Dashboard With Postgres
  4. Building a Customer Support Dashboard in Appsmith
  5. Building a Store Catalogue Management System using Appsmith and GraphQL
  6. Using the Notion API to Build a Content Management System
  7. How to run manual jobs in Gitlab CI/CD (Video)
  8. Building a Calendly Clone in Appsmith
  9. Building Internal Tools with Appsmith Community
  10. Building an Issue Tracker with Appsmith Community

Visit our blog to explore more.

Contribute

We love our contributors! We're committed to fostering an open and welcoming environment in the community. If you'd like to contribute anything from a bug-fix to a feature update, start here—

Top Contributors (36)


Arpit Mohan

💻

Nikhil Nandagopal

📖 💻 📆

areyabhishek

🤔 🎨

Trisha Anand

💻 🚇 🤔

Hetu Nandu

💻 ⚠️ 🤔

Abhinav Jha

💻

satbir121

💻 🤔

Shrikant Sharat Kandula

💻 🔌

Aakash Shrivastava

🎨

Debsourabh Ghosh

🎨

NandanAnantharamu

⚠️

prapullac

🐛 ⚠️

Saket Agrawal

🐛 📖

Harish Kotra

🐛

Ajay Kumar

🐛 📖

Anshul Bansal

🐛 💻

Navia Garg

🐛

Xniveres

🐛

Daniel Shuy

💻 📖

Prashant Chaubey

💻

Adam

💻

Sumanth Yedoti

💻

Nidhi

💻

Pawan Kumar

💻

Sumit Kumar

💻

Rishabh Saxena

💻

Piyush Mishra

💻

akash-codemonk

💻

vicky-primathon

💻

devrk96

💻

Tim Dillon

💻

Zeger Hoogeboom

💻

Young Yoo

💻

Dwayne Forde

💻 ⚠️

Abhishek

💻

Navdeep Singh

💻

Aswath K

💻

Somangshu Goswami

🐛 💻

akshayrangasaid

🖋 🤔

Ashok Kumar M

💻

Rafael Baldasso Audibert

💻

License

Appsmith is available under the Apache License 2.0. Use it wisely.