https://github.com/arsengabrielyan/ng-sample-projects

List of All Sample Angular Projects
https://github.com/arsengabrielyan/ng-sample-projects

angular angular-cli

Last synced: 23 days ago
JSON representation

List of All Sample Angular Projects

• Host: GitHub
• URL: https://github.com/arsengabrielyan/ng-sample-projects
• Owner: ArsenGabrielyan
• Created: 2023-01-23T12:03:15.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2025-01-20T17:12:49.000Z (23 days ago)
• Last Synced: 2025-01-20T18:24:48.084Z (23 days ago)
• Topics: angular, angular-cli
• Language: TypeScript
• Homepage:
• Size: 2.83 MB
• Stars: 3
• Watchers: 1
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Angular Sample Projects

This Project is a Collection of a Sample Projects Made By Arsen During Learning Angular. (There Are Also Some Projects After Learning Angular)

## Table of Contents:

- [All Basic Projects](#all-basic-projects)

- [Gallery](#gallery)

- [Install and Other Commands](#install)

## All Basic Projects

#### Basic Projects Included in The List:

- Calculator

- Chat Application

- Clock

- Color Generator

- Theme Switcher (Dark Mode, Light Mode)

- Drum Kit

- Magic 8 Ball Game

- Filter Cards with CSS Classes

- Mention Autocomplete Input Box

- Location Finder

- Notes App

- Drawing App

- Piano

- Quote Generator

- Rock Paper Scissors

- To Do List

- Toast Notification

- Weather App

- Forum Site (With an Upvotes and Downvotes)

- Checklist With State Management and Local Storage

## Gallery

![project1](readme-img/to-do.png)

![project2](readme-img/note.png)

![project3](readme-img/clock.png)

![project4](readme-img/drum.png)

## Install:

```bash

git clone https://github.com/ArsenGabrielyan/ng-sample-projects.git

cd ng-sample-projects

npm install

npm install -g @angular/cli

npm start

```

## Other Commands

`npm run build` - Builds an Application 


`npm start` - Starts the Application to `http://localhost:4200/`

## References:

- [Arquitecture Components](https://dev.to/vanessamarely/arquitectura-de-componentes-en-angular-29k8)

- [Clean Arquitecture](https://thepragmaticengineer.hashnode.dev/clean-architecture-in-frontend-applications-with-angular)

> GitHub [@ArsenGabrielyan](https://github.com/ArsenGabrielyan)  · 

> [Arsen's Website](https://arsen-g.web.app)