Project Focuz

What

A React / Express dev tool which gives you the ability to create simple web sites just creating UI Components.

 

All the pages and their content are controlled using an UI dev tool.

Better explaination

You create all the components you want to use in your website.

 

The UI dev tool let you create each page with name and url, defining inside all the components you want to use.

 

The components are the ones you're providing to the tool.

In few words...

You can be focused on the detail of your UI and features.

 

Telling the tool how to create each page, the tool does it for you.

How

  • Components
  • Handlers
  • Source Resolvers

User code

  • Pages Routing
  • Components for each page

UI Tool generated code

In steps

Step 1 - Setup the tool

Step 2 - Create components and pass them to the tool

Step 3 - Navigate to http://localhost/page-builder to create your first page defining a name and url

Step 4 - Choose all the components you want in the page picking them from the list of components you've created

Step 6 - Set properties and children for each component

And you're set up to go!

Navigate to your page url to see it in action

Project Focuz

By Luca Colonnello

Project Focuz

Project Focuz

  • 722