Developing a simple web application using Horizon
We have learned the basics of Horizon, installation and its APIs. Now it's time to combine our knowledge and build something out of it. In this section, we are going to develop a simple application that lets the user manage a TODO list. The end output will look like this:
The user can perform the following operation:
- Add todo.
- Update the status of todo.
- Remove todo.
The codebase is provided by an awesome contributor, Daniel Allan, and the base style is forked from TodoMVC http://todomvc.com/.
Really amazing job, guys.
Let's move ahead to setting up the project.
Setting up the project
Start the project by creating a Horizon project using the Horizon CLI:
hz init todoHorizon
Now switch to the project directory and go to the dist
folder. Refer to the following command:
cd todoHorizon && cd dist
Remove the existing index.html
file and create package.json
using the following command as shown here :
npm init --y
Now, let's...