https://github.com/fabricio-araujoo/angular-notepad

Meu primeiro projeto Angular, o Angular Notepad é um app de criação e gerenciamento de notas, baseado no Google Keep.
https://github.com/fabricio-araujoo/angular-notepad

angular scss typescript

Last synced: over 1 year ago
JSON representation

Meu primeiro projeto Angular, o Angular Notepad é um app de criação e gerenciamento de notas, baseado no Google Keep.

• Host: GitHub
• URL: https://github.com/fabricio-araujoo/angular-notepad
• Owner: fabricio-araujoo
• License: mit
• Created: 2024-08-23T00:20:20.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2025-03-05T23:36:56.000Z (over 1 year ago)
• Last Synced: 2025-03-06T00:26:47.236Z (over 1 year ago)
• Topics: angular, scss, typescript
• Language: TypeScript
• Homepage:
• Size: 272 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
## Angular Notepad

Oiee, seja bem-vindo(a) ao meu projeto Angular Notepad. Este é meu primeiro projeto Angular, a ideia é ser um lugar para criar e gerenciar anotações, baseado no Google Keep.

A ideia do projeto é ser basicamente um bloco de notas, assim como o Google Keep, com drag and drop e algumas features de organização.

### Índice

- [Angular Notepad](#Angular-Notepad)

- [Índice](#Índice)

- [Tecnologias](#Tecnologias)

- [Demonstração da Aplicação](#Demonstração-da-Aplicação)

- [Pré-requisitos](#Pré-requisitos)

- [Rodando o Projeto](#Rodando-o-Projeto)

- [Autor](#Autor)

### Tecnologias

![Angular](https://img.shields.io/badge/-Angular-DD0031?style=flat-square&logo=angular&logoColor=white)

![Material-Angular](https://img.shields.io/badge/-Material%20Angular-673AB7?style=flat-square&logo=angular&logoColor=white)

![TypeScript](https://img.shields.io/badge/-TypeScript-007ACC?style=flat-square&logo=typescript&logoColor=white)

![Sass](https://img.shields.io/badge/-Sass-CC6699?style=flat-square&logo=sass&logoColor=white)

### Demonstração da Aplicação

GIF DO PROJETO

### Pré-requisitos

Como é um projeto Angular, precisa basicamente duas coisas, o `node.js` e o `npm`

- [`node.js`](https://nodejs.org/en/)

- `npm` (gerenciador de pacotes, vem junto com a instalação do node)

### Rodando o Projeto

```bash

# Clone este repositório

$ git clone https://github.com/fabricio-araujoo/angular-notepad.git

# Acesse a pasta do projeto no terminal/cmd

$ cd angular-notepad

# Instale as dependências

$ npm install

# Execute a aplicação em modo de desenvolvimento

$ ng serve

# O servidor inciará na porta:4200 - acesse 

```

### Autor

Feito com ❤️ por Fabrício Araújo!!

Entre em contato!

[![Linkedin](https://img.shields.io/badge/-fabricioapereira-blue?style=flat-square&logo=Linkedin&logoColor=white&link=https://www.linkedin.com/in/fabricioapereira/)](https://www.linkedin.com/in/fabricioapereira/)

[![Gmail](https://img.shields.io/badge/-fabricioaraujo051@gmail.com-FF0000?style=flat-square&logo=Gmail&logoColor=white&link=mailto:fabricioaraujo051@gmail.com)](mailto:fabricioaraujo051@gmail.com)

[![GitHub](https://img.shields.io/badge/-fabricio--araujoo-000000?style=flat-square&logo=GitHub&logoColor=white&link=https://github.com/fabricio-araujoo)](https://github.com/fabricio-araujoo)