Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/marcushellberg/vaadin-fusion-todo

Last synced: 30 days ago
JSON representation

Host: GitHub
URL: https://github.com/marcushellberg/vaadin-fusion-todo
Owner: marcushellberg
License: unlicense
Created: 2020-04-28T23:38:10.000Z (over 4 years ago)
Default Branch: master
Last Pushed: 2023-10-28T03:54:42.000Z (about 1 year ago)
Last Synced: 2024-10-05T08:20:16.294Z (about 1 month ago)
Language: TypeScript
Size: 890 KB
Stars: 5
Watchers: 3
Forks: 1
Open Issues: 6
Metadata Files:
- Readme: README.md
- License: LICENSE.md

Awesome Lists containing this project

README

# Vaadin Fusion todo app with TypeScript views

This is an example app for comparing popular frontend frameworks. You can find the same app implemented in React, Angular, Vaadin Fusion, and Vaadin Flow. The projects can be run in the browser with the GitPod button below.

This app uses Vaadin's new type-safe communication between a Spring Boot backend and a LitElement + TypeScript frontend.

[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/marcushellberg/vaadin-fusion-todo)

Try adding a field in the `Todo.java` file, and notice how it becomes available in the TypeScript API automatically.

## Requirements

- Java 11

## Running

```
mvn spring-boot:run
```

Frontend changes are picked up directly. Backend changes need to be built, your IDE may do this automatically on save.

## Project structure

Frontend files are in `./frontend`
Backend files are in `./src/main/java/com/example/application`

## Alternate implementations

- [React todo](https://github.com/marcushellberg/react-todo)
- [Vue todo](https://github.com/marcushellberg/vue-todo)
- [Angular todo](https://github.com/marcushellberg/angular-todo)
- [Vaadin Fusion todo](https://github.com/marcushellberg/vaadin-fusion-todo)
- [Vaadin Flow Todo](https://github.com/marcushellberg/vaadin-flow-todo)
- [Todo REST API](https://github.com/marcushellberg/todo-api)