Iteria Lowcode: Product description, users principles, how it works and customization. Company Introduction.

1. Low-Code

2. Product
PRODUCT: ITERIA LOW CODE
● Developer tool (for developers & analysts)
● Template(s) like for quickstart
○ Jamstack -> GraphQL
○ https://template.netlify.com/, https://vercel.com/new/templates or github template
● Toolbar (WYSIWYG, GraphQL to React automation, IDE - VSCode)
○ Generate Pages from list of GraphQL root queries
○ Add/Remove GraphQL field on a WEB page
● Use case: B2B, internal APPs, enterprise, information systems

3. Features (Demo Video Scenario)
● Clone/delete, navigate to code na dashboard a preklady
● Generate Pages
● Add/remove form Columns
● Add/remove form Fields
● Translate
● New Features
○ Props - Chips with variable color
○ Reorder columns/fields
● Integration
○ Vite
○ Netlify Plugin, Github Action
○ Gitpod

4. Use Cases vs. Jamstack Survey
Personal blog/portfolio
B2B software
E-commerce
Consumer software
Documentation
Retail
News/Entertainment
Social media
Other
Informational
Landing pages
Internal tools
Enterprise sw.

5. Users

6. Users
Developers
Analysts,
Product mng.
Automate
repetitive work
Simplify too
many choices
Rapid
development
Same IDE
Still coding
I can develop
domain models
Small changes
during business
meetings
Can modify
codebase -
WYSIWYG

7. Vision - help students/absolvents
● Quick startup for developers

8. Vision - unblock business departments
● Small changes by themself

9. Vision - avoid repetitive work
● Add column / field
● Copy from templates / different projects

10. Technology

11. Technologies
Analysts,
Product mng.

12. Principles
● Devtool for React & GraphQL
○ React Jamstack
○ API business logic (serveless)
○ PostgreSQL / MSSQL
○ Bottom-up
● Lowcode
○ Modifies code easily
○ Automated repetitive work
○ Everything is code
○ Everything customisable
● CMS like user experience
○ WYSIWYG
○ GraphQL / Headless API
Low-Code

13. Inspired By
● React Admin
● Retool
● Builder.io

14. How it works

15. Workflow
● Built using Vite or
CI/CD
● Quick load time
● Edit while browsing
● Fast Refresh
● Commit Code
Vestibulum congue
1. Build

16. CI/CD / GitPod
Data Flow
● Edit while browse
● Local Changes
(Transpile & Refresh)

17. Inside a Browser

18. Deploy template to Netlify
● User opens a Netlify template with integrated Lowcode (injected <script/>)
● User chooses a GraphQL endpoint (need for required ENV variable)
● Edit React page using Lowcode WYSIWYG (Netlify plugin injected <script/>)
● Publish changes (possible simplified GIT commit way for non-dev)

19. Lowcode Components

20. Customization

21. Customisation
● Libraries:
○ Introduce new UI library (MUI <-> Grommet)
○ Translations & Internalisation (react-intl <-> i8next)
○ Form Binding (formik <-> React Hook Form)
○ Data Provider (Hasura <-> Headless CMS / HotChocolate/DGraph)
● Plugins/Scripts
● Providers (Auth, Data, i8n)

22. Dev Tools Alternatives
● WEB-only based
● Cloud IDE
● Localhost IDE -> Cloud workspace
● Localhost IDE

23. Lowcode as Generic Tool for Jamstack (React/Svelte)
● Jamstack Ecosystem
○ Npm/Yarn/Pnpm…
○ Vite/Webpack/…
○ Libraries (UI, GraphQL, …)
○ Styled Components/CSS…
○ VSCode / VSCode WEB
○ …
● Lowcode Features
○ Expressions
- React tree of Components
- props/state/contexts
○ AST rewrite - rename / inline
○ Plugins/scripts
○ Hasura Actions (not only CRUD)

24. Plugins
● VSCode plugins
● Builder.io plugins
● React Admin Providers

25. IT Company

26. Iteria team
Our team consists of 16 members in following roles:
● Software and enterprise architect
● Business analyst, sw analyst and product owner
● Project manager
● 12 full stack developers (see our tech. stack)
● Tester

27. Projects & products
ITERIA LOW CODE
● Iteria react LowCode
● https://iteria.app/
AKULAR:
● AR/VR/3D full stack development, integration and architecture
● https://akular.com/
INNOVATRICS:
● Biometrics systems full stack development, integration and architecture
● https://www.innovatrics.com/

28. Our tech stack

29. Contact
jozef.slezak@iteria.io
+421 908 421 769
https://iteria.app/