https://github.com/sarasjodin/my-first-angular-site
"My Angular Calculator & Converter Lab" is a web application built with Angular 20, demonstrating core concepts like components, routing, and responsive design. It includes a calculator, unit converter, and project description page, all with a modular design and reusable components.
https://github.com/sarasjodin/my-first-angular-site
angular calculator css frontend git modular-design responsive-design typescript unit-converter web-development
Last synced: 3 months ago
JSON representation
"My Angular Calculator & Converter Lab" is a web application built with Angular 20, demonstrating core concepts like components, routing, and responsive design. It includes a calculator, unit converter, and project description page, all with a modular design and reusable components.
- Host: GitHub
- URL: https://github.com/sarasjodin/my-first-angular-site
- Owner: sarasjodin
- License: mit
- Created: 2025-06-10T13:52:17.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-07-20T10:44:35.000Z (12 months ago)
- Last Synced: 2025-07-20T12:07:17.372Z (12 months ago)
- Topics: angular, calculator, css, frontend, git, modular-design, responsive-design, typescript, unit-converter, web-development
- Language: HTML
- Homepage: https://my-first-angular-site.netlify.app/home
- Size: 6.27 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# MyFirstAngularSite | My Angular Calculator & Converter Lab
Open Live Demo
This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 20.0.1.
[](https://app.netlify.com/projects/my-first-angular-site/deploys)
---
## About
My Angular Calculator & Converter Lab" is a web application built with Angular 20, demonstrating core concepts like components, routing, and responsive design. It includes a calculator, unit converter, and project description page, all with a modular design and reusable components.
---
---
## Features
✅ Calculator page with basic arithmetic functions.
✅ Unit converter page supporting multiple unit types.
✅ Responsive design using CSS Flexbox and media queries for a mobile-first approach.
✅ Navigation and Footer components reused across pages to demonstrate modular design.
🔍 Focus on modular design, reusability, and responsive layout.
---
## Tech Stack
- Angular 20 (TypeScript)
- CSS (Flexbox, Media Queries for responsiveness)
- Git (Version control)
- GitHub (Hosting)
- Angular Router (Routing between pages)
---
## Installation
```bash
npm install
npm run dev
```
---
## More about this project
This web application, "My Angular Calculator & Converter Lab", is built with Angular 20 to demonstrate core Angular concepts like components, routing, and data binding. It features a calculator for basic arithmetic operations and a unit converter that supports multiple unit types such as length, temperature, and weight.
The project is designed to be responsive, ensuring compatibility across various devices. The app also uses modular design with reusable navigation and footer components, making the app scalable and maintainable.
---
## Folder Structure
---
## Security
✅ Dependabot active: Automatic dependency updates via Dependabot.
✅ Security policy configured: SECURITY.md for reporting vulnerabilities.
✅ Automatic CodeQL analysis: GitHub’s CodeQL runs automatically on pushes and pull requests to scan for security vulnerabilities.
---
## License
MIT – see LICENSE.md for details.