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: 9 days 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 (18 days 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`