Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/nartc/ng-conduit

Realworld Conduit frontend application with Angular Standalone Components
https://github.com/nartc/ng-conduit

angular component-store standalone

Last synced: about 2 months ago
JSON representation

Realworld Conduit frontend application with Angular Standalone Components

Host: GitHub
URL: https://github.com/nartc/ng-conduit
Owner: nartc
Created: 2022-06-05T04:56:02.000Z (over 2 years ago)
Default Branch: main
Last Pushed: 2023-04-03T23:01:30.000Z (over 1 year ago)
Last Synced: 2024-10-23T11:45:04.295Z (about 2 months ago)
Topics: angular, component-store, standalone
Language: TypeScript
Homepage: https://ng-conduit.netlify.app
Size: 1.49 MB
Stars: 82
Watchers: 2
Forks: 18
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# ![RealWorld Example App](logo.png)

> ### Angular 14 with Standalone Component codebase containing real world examples (CRUD, auth, advanced patterns, etc) that adheres to the [RealWorld](https://github.com/gothinkster/realworld) spec and API.

### [Demo](https://ng-conduit.netlify.app/) [RealWorld](https://github.com/gothinkster/realworld)

This codebase was created to demonstrate a fully fledged Front-end application built with **Angular 14 w/ Standalone Component** including CRUD operations, authentication, routing, pagination, and more.

This is to explore and showcase how **Angular 14 w/ Standalone Component** would look like in a project.

For more information on how to this works with other frontends/backends, head over to the [RealWorld](https://github.com/gothinkster/realworld) repo.

# How it works

> Describe the general architecture of your app here

- All Components are authored with `standalone:true`
- Experimenting with `inject()` instead of traditional Constructor DI
- Using `@ngrx/component-store` as State Management solution
- API SDK Stub is generated with [Nswag](http://nswag.org/)

# Getting started

- `pnpm install`
- `npm run serve`