https://github.com/mnfst/frontend-examples
https://github.com/mnfst/frontend-examples
angular js nextjs react svelte vue
Last synced: 5 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/mnfst/frontend-examples
- Owner: mnfst
- License: mit
- Created: 2024-08-02T06:12:17.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-18T09:23:00.000Z (about 1 year ago)
- Last Synced: 2025-04-07T03:41:26.819Z (12 months ago)
- Topics: angular, js, nextjs, react, svelte, vue
- Size: 1.6 MB
- Stars: 4
- Watchers: 3
- Forks: 7
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Manifest Frontend Examples
The objective of this repository is to showcase examples of Manifest implementations with popular frontend frameworks.
The application is a slightly modified version of the popular [TodoMVC](https://todomvc.com/) that connects to a backend instead of keeping the logic in the frontend.
All frontends share the common Manifest backend API and use the Manifest JS SDK.
## The backend
The [Manifest](http://manifest.build) backend consists in only 7 lines of code:
```yaml
name: My TODO App ✅
entities:
Todo:
seedCount: 10
properties:
- title
- { name: completed, type: boolean }
```
## Folder structure
```
├── manifest
│ ├── backend.yml
│ ├── backend.db
├── examples
│ ├── nextjs
│ │ ├── **
│ ├── react
│ │ ├── **
│ ├── svelte
│ │ ├── **
│ ├── **
│ │ ├── **
├── README.md
├── package.json
└── **
```
## Getting started
To launch both the backend and a frontend, run those commands:
```
npm install
npm install --workspaces
# Run Manifest backend and Angular frontend
npm run dev-angular
# Run Manifest backend and Svelte frontend
npm run dev-svelte
```