Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/zakimohammed/ng-notsey-app
Angular notes app (notsey) getting started
https://github.com/zakimohammed/ng-notsey-app
angular angular-cli bootstrap bootswatch javascript
Last synced: 4 months ago
JSON representation
Angular notes app (notsey) getting started
- Host: GitHub
- URL: https://github.com/zakimohammed/ng-notsey-app
- Owner: ZakiMohammed
- Created: 2024-07-27T13:36:00.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-08-25T13:28:30.000Z (5 months ago)
- Last Synced: 2024-10-14T05:40:12.962Z (4 months ago)
- Topics: angular, angular-cli, bootstrap, bootswatch, javascript
- Language: TypeScript
- Homepage:
- Size: 320 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Notesy App - Angular Getting Started
Angular notes app (notsey) getting started.
___
Check out the CodeOmelet blog posts for this project:
- [Angular Journey: Part 1 - Getting Started](https://codeomelet.com/posts/ng-journey-part-1-getting-started)
- [Angular Journey: Part 2 - Bindings, Components, Services](https://codeomelet.com/posts/ng-journey-part-2-bindings-components-services)
- [Angular Journey: Part 3 - Angular Routes](https://codeomelet.com/posts/ng-journey-part-3-angular-routes)
- [Angular Journey: Part 4 - Working with Web API](https://codeomelet.com/posts/ng-journey-part-4-working-with-web-api)
## Folders:
```
notsey
|-- ng-1-init
|-- ng-2-crud
|-- ng-3-routes
|-- ng-4-api
|-- README.md
```
1. Ng Init: Initial project skeleton and init commands.
2. Ng CRUD: List, add and remove operations.
3. Ng Routes: Configuring routes and navigation.
4. Ng API: Getting data from API.
## Run Application
```
npm start
```
## Initial Setup
```
ng new ng-notesy-app --standalone=false
? Which stylesheet format would you like to use? Sass (SCSS)
? Do you want to enable Server-Side Rendering (SSR) and Static Site Generation (SSG/Prerendering)? no
```
## Add Dependencies
```
npm i bootstrap
npm i bootswatch
npm i bootstrap-icons
```
## JSON Server
Install `json-server` globally:
```
npm install -g json-server
```
Add npm script in package.json file:
```
"scripts": {
"server": "json-server server/db.json --config server/json-server.json"
}
```
Read about json-server from here https://www.npmjs.com/package/json-server.