An open API service indexing awesome lists of open source software.

https://github.com/jvcgoncalves/to-do-list

my first project using angular
https://github.com/jvcgoncalves/to-do-list

angular17 angularcli bootstrap sass typescript

Last synced: 10 months ago
JSON representation

my first project using angular

Awesome Lists containing this project

README

          

# Organize yourself (to-do list)

Website to you save your tasks and manage your time, you can add the delivery date to know when you need to finish that task, the site return to you if you are late or don't. So if you need to organize your life, this site will help

## techs/libs used on developement

- Angular 17
- TypeScript
- SASS/SCSS
- Bootstrap
- Git

## Services

- Github
- Netlify

## Features

- Register an account
- Edit profile
- Delete account
- Save task
- Delete task
- Edit task
- See task(s)
- Filter and search tasks

## How to use

### 1 - When you access the main page will be this

![image](https://github.com/Jvcgoncalves/to-do-list/assets/127047416/32e138b8-964a-4a6a-a9b4-e84c1e419de8)

#### 1.1 - there you can login if you have registered yet, else you can register by clicking on "Não possui conta? cadastre-se!"

##### 1.1.1 - In case of you forgot you password, you can fill with email used to register and click on "Esqueceu sua senha?"

#### 1.2 - On register you need to fill this inputs and have verified data

##### 1.2.1 - Verifications
- Password size
- Profile name allows only Letters
- Email base verification

![image](https://github.com/Jvcgoncalves/to-do-list/assets/127047416/3e878b28-ddd8-4daa-ae5a-18ed63f5fc12)

#### 1.3 - After get success on register you will see this and you can click on "Fazer Login" button to return to Login part and login with you registered account

![image](https://github.com/Jvcgoncalves/to-do-list/assets/127047416/d95c1e90-2fc1-49dc-8de3-772ff5231640)

### 2 - Once logged, you don't need to login again (unless you log out of your account or clean browser cache), the inital page of a logged user is the one below

![image](https://github.com/Jvcgoncalves/to-do-list/assets/127047416/fba7fa09-49cf-45cc-80ab-73fca3e8a60e)

### 2 - ...With some task

![image](https://github.com/Jvcgoncalves/to-do-list/assets/127047416/fbd14662-1ff1-4491-b83e-edc2721892c1)

#### 2.1 - Filter, three filter option,
- first one don't apply any filter, so show all tasks.
- Second show all not completed tasks
- Last one shows all done tasks

![image](https://github.com/Jvcgoncalves/to-do-list/assets/127047416/2b95872c-953d-43c8-8cc1-1eab6d0c3fa2)

#### 2.2 - Search input by task name

![image](https://github.com/Jvcgoncalves/to-do-list/assets/127047416/3e700685-a69d-4236-bebd-0027f241d44b)

#### 2.3 Navigate menu and your usename, click on "Nova tarefa" to add new task

![image](https://github.com/Jvcgoncalves/to-do-list/assets/127047416/46ce1f14-d865-4664-ad8b-c127de96fe2c)

### 3 - On add new task you will need to fill this input and complete the validations, you also can choose if you want to reset the form when you submit

![image](https://github.com/Jvcgoncalves/to-do-list/assets/127047416/3625c79c-0baf-4dd7-b878-e4f6f90753a1)

### 4 - You can click on "Detalhes" button

![image](https://github.com/Jvcgoncalves/to-do-list/assets/127047416/f86641bf-73f2-409d-b790-054a1e2ff238)

### 5 - If you click on "Detalhes" button, you will see this page, there you toggle done status, edit task info or delete the current task
#### 5.1 - To delete task you need to confirm an confirm from the browser

![image](https://github.com/Jvcgoncalves/to-do-list/assets/127047416/bf6e95ee-ca60-422d-8a97-f41cad6611cc)

### 6 - At edit page you will see this form, that have the same validation from add tasks inputs

![image](https://github.com/Jvcgoncalves/to-do-list/assets/127047416/cc8e5d24-4222-4cc2-82a3-f097cb532c89)

### 7 - At profile page you will see this page

![image](https://github.com/Jvcgoncalves/to-do-list/assets/127047416/51570b56-1d2b-4e4a-8a96-c121e92d44c4)

#### 7.1 - Click on the edit button at the end of input, you can change you profile data

![image](https://github.com/Jvcgoncalves/to-do-list/assets/127047416/ecf88b43-8dce-4baa-a6b5-bdb9245b08ab)

#### 7.2 - Changing data you be able to confirm changes ("Editar") button or discart ("Cancelar" button) them

![image](https://github.com/Jvcgoncalves/to-do-list/assets/127047416/9f8a6ca7-c6f0-4b0b-8b8c-1888a6e4aaed)

#### 7.3 - To confirm changes you need to write your last current password (Case your changing password don't forgot it)

![image](https://github.com/Jvcgoncalves/to-do-list/assets/127047416/96e5039e-2c83-4464-9a2a-10a062288712)

### 8 - Click on "Excluir" button you have to confirm your password to and if you writes the right password, your account and tasks will be deleted. You will be redirected to initial page

![image](https://github.com/Jvcgoncalves/to-do-list/assets/127047416/67d01438-f603-484a-a6fc-7bfc602cf143)

## Links

- Deploy on netlify: https://organize-yourself.netlify.app/
- Repository: https://github.com/Jvcgoncalves/to-do-list
- Repository (backend files): https://github.com/Jvcgoncalves/to-do-list-backend
- In case of bugs or suggestions contact goncalvesdacosta05@gmail.com

## Versioning

1.0.0.0

## Authors

- **João Vitor Gonçalves da Costa**

Please follow github and linkdin (link in my profile )!
Thanks to visiting me and good coding!