diff --git a/README.md b/README.md index 7cf4b30..1112e07 100644 --- a/README.md +++ b/README.md @@ -1,59 +1,33 @@ -# CommonCentsWeb +# Common Cents Web +Angular app for tracking expenses. Consumes [Common Cents API](https://git.8yte.me/joe/common-cents-api). -This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 21.1.3. - -## Development server - -To start a local development server, run: +## Project setup +> Note: modern version of the Angular CLI should be installed. +Install dependencies: ```bash -ng serve +npm install ``` -Once the server is running, open your browser and navigate to `http://localhost:4200/`. The application will automatically reload whenever you modify any of the source files. - -## Code scaffolding - -Angular CLI includes powerful code scaffolding tools. To generate a new component, run: - +## Run Locally +Start the web app: ```bash -ng generate component component-name -``` - -For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run: - -```bash -ng generate --help +npm run start ``` +App will be running at http://localhost:4200/. ## Building - To build the project run: - ```bash ng build ``` - This will compile your project and store the build artifacts in the `dist/` directory. By default, the production build optimizes your application for performance and speed. -## Running unit tests - +## Running Tests To execute unit tests with the [Vitest](https://vitest.dev/) test runner, use the following command: - ```bash ng test ``` -## Running end-to-end tests - -For end-to-end (e2e) testing, run: - -```bash -ng e2e -``` - -Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs. - -## Additional Resources - +## Resources For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page. diff --git a/src/app/app.html b/src/app/app.html index e0118a1..d09c248 100644 --- a/src/app/app.html +++ b/src/app/app.html @@ -1,342 +1,5 @@ - - - - - - - - - - - -
-
-
- -

Hello, {{ title() }}

-

Congratulations! Your app is running. 🎉

-
- -
-
- @for (item of [ - { title: 'Explore the Docs', link: 'https://angular.dev' }, - { title: 'Learn with Tutorials', link: 'https://angular.dev/tutorials' }, - { title: 'Prompt and best practices for AI', link: 'https://angular.dev/ai/develop-with-ai'}, - { title: 'CLI Docs', link: 'https://angular.dev/tools/cli' }, - { title: 'Angular Language Service', link: 'https://angular.dev/tools/language-service' }, - { title: 'Angular DevTools', link: 'https://angular.dev/tools/devtools' }, - ]; track item.title) { - - {{ item.title }} - - - - - } -
- -
-
+
+

Hello, {{ title() }}

- - - - - - - - - diff --git a/src/app/app.scss b/src/app/app.scss index e69de29..4a6f818 100644 --- a/src/app/app.scss +++ b/src/app/app.scss @@ -0,0 +1,8 @@ +h1 { + font-size: 3.125rem; + line-height: 100%; + letter-spacing: -0.125rem; + font-weight: 500; + margin: 0; + font-family: sans-serif; +} diff --git a/src/app/app.spec.ts b/src/app/app.spec.ts deleted file mode 100644 index ff7ed07..0000000 --- a/src/app/app.spec.ts +++ /dev/null @@ -1,23 +0,0 @@ -import { TestBed } from '@angular/core/testing'; -import { App } from './app'; - -describe('App', () => { - beforeEach(async () => { - await TestBed.configureTestingModule({ - imports: [App], - }).compileComponents(); - }); - - it('should create the app', () => { - const fixture = TestBed.createComponent(App); - const app = fixture.componentInstance; - expect(app).toBeTruthy(); - }); - - it('should render title', async () => { - const fixture = TestBed.createComponent(App); - await fixture.whenStable(); - const compiled = fixture.nativeElement as HTMLElement; - expect(compiled.querySelector('h1')?.textContent).toContain('Hello, common-cents-web'); - }); -}); diff --git a/src/app/app.ts b/src/app/app.ts index 0ceee74..1791b36 100644 --- a/src/app/app.ts +++ b/src/app/app.ts @@ -8,5 +8,5 @@ import { RouterOutlet } from '@angular/router'; styleUrl: './app.scss' }) export class App { - protected readonly title = signal('common-cents-web'); + protected readonly title = signal('common-cents'); } diff --git a/src/index.html b/src/index.html index fa30e61..81d82d7 100644 --- a/src/index.html +++ b/src/index.html @@ -2,7 +2,7 @@ - CommonCentsWeb + Common Cents