About
Follow this tutorial in which a full-stack todo application will be implemented using Hyrest and its suggested companion technologies.
The example is published as a git repository on GitHub with commits for every step.
Backend
- Basic project setup: Explanation of all used dependencies and setup of a basic JS project.
- Define models: Define the models for the project used in both the database and for the controllers.
- Add a controller: Add a first controller handling the model defined in the last step.
- Implement the controller's logic: In the last step an empty controller was created. Now the actual logic will be implemented.
- Dependency Injection: To wire all dependencies, dependency injection needs to be set up.
- Express Setup: In order to serve the API, Hyrest needs to be connected to Express.
- Database setup: The models need to be store somewhere. A database connection needs to be provided by the dependency injector.
- Compile the backend: The backend is implemented. It can now be compiled, executed and used.
- CORS: Add CORS support to your backend.
Frontend
- Setup Webpack: Configure Webpack to properly compile the frontend part of the application.
- Setup React: Setup basic react code and render a hello world.
- Dependency Injection (Frontend): Add dependency injection support for the frontend.
- Todo store: Add a todo store.
- List component: Create a component for listing all available todos.
- Form component: Create a component with a form for adding new todos.