Wized Docs

Appearance

Features of your Web-App ​

Once you have a clear vision of the type of app you want to build, it’s time to define the key functionalities. These functionalities are the main actions and features that your users will be able to perform and experience in your app. Defining them clearly will help you build a focused, efficient, and easy-to-use app.

Why is it important to define key functionalities? ​

  • Guide your development: By having a clear list of features, you can focus on the essentials and avoid distractions during the creation process.
  • Communicate your vision: Key features will help you clearly communicate the purpose and value of your app to your users and potential contributors.
  • Optimize your architecture: The features you choose will determine the complexity of your application and help you decide which technologies and services you need to integrate, laying the foundation for a solid and scalable architecture.

How to identify key functionalities? ​

To start, ask yourself these questions:

  • What problems does your app solve for users? What needs does it meet or what tasks does it facilitate?
  • What specific actions will users be able to perform? Register, log in, create content, search, make purchases, etc.?
  • What type of data will you need to store and manage? User information, products, orders, user-generated content, etc.?
  • Will you need to integrate external services? Payment APIs, notifications, maps, social networks, etc.?

Breaking Down Features in Wized: From Idea to Action ​

Once you've identified key features, it's time to break them down into smaller, more concrete steps that you can implement in Wized. Here's how:

  1. Divide and conquer: Take each feature and break it down into smaller, more specific actions. For example, the “user registration” feature could include actions like:
    • Display a registration form.
    • Validate the data entered by the user.
    • Send the data to an API or database.
    • Display a success or error message.
    • Redirect the user to the login page or control panel.
  2. Think about events and configurations: For each action, identify what events will trigger it and what element configurations you will need to implement it. For example:
    • Event: User clicks the "Register" button.
    • Actions:
      • Perform Request to send the form data to a logging API.
      • Set Visibility to display a success or error message based on the API response.
      • Navigate to to redirect the user to the login page if registration was successful.
    • Settings:
      • Set Text to display error or success messages on specific text elements.
      • Set Input Value to clear form fields after registration.
  3. Take advantage of Wized tools: Use the Function Editor to create conditional logic and customize the behavior of your actions and configurations. Integrate external services through APIs to add advanced functionality to your application.