diprefranco/languages-app-front

It's an app to manage new words learnt in some language that you are studying.

LanguagesAppFront

This project was generated with Angular CLI version 11.2.6.

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.

languages-app-front's Issues

Words learned options: delete word

As a user
I want to delete a word
To delete a word if I typed it wrongly

---------- Acceptance criteria ----------

On new lesson screen, on every word from the words learned

• Show next to it the delete button.
• When user clicks on the delete button delete that word from the list.

Words learned options: Google word

As a user
I want to google a word
To learn the meaning of it and get more information

---------- Acceptance criteria ----------

On new lesson screen, on every word from the words learned

• Show next to it the google button.
• When user clicks on the google button open a new tab with a google search for that word.

Create backend project and database

As a technical user
I want to create the backend project and the database
So I can create the endpoints to support the frontend app

---------- Acceptance criteria ----------

• Backend project created with minimal configuration.
• Database created with the minimum tables to support the new lesson feature.

Words learned options: pronounce word

As a user
I want to listen to the pronunciation of a word
To learn how to say it

---------- Acceptance criteria ----------

On new lesson screen, on every word from the words learned

• Show next to it the pronunciation button.
• When user clicks on the pronunciation button
  • Play the sound of that word.
  • Show the word that explains how to pronounce it.

Create basic layout.

As a common user
I want a basic layout
To access the menu options

More info.
https://www.youtube.com/watch?v=MBJyMW0Onac

Words learned options: copy word

As a user
I want to copy a word
To have it on my clipboard and do what ever I want with it

---------- Acceptance criteria ----------

On new lesson screen, on every word from the words learned

• Show next to it the copy button.
• When user clicks on the copy button copy that word to the clipboard.

First feature: New lesson

As a user
I want to create a basic lesson
To register a new set of words learnt

---------- Acceptance criteria ----------

• Show "New lesson" menu option on the side bar. DONE
• When user clicks on "New lesson" menu option redirect to "New lesson" screen. DONE

"New lesson" screen

• When user types on an input field and hit enter, show the field value on a list below and clean the input field.

Order word learned list

As a user
I want to order alphabetically the list of words learned
To see the list order or in the original order

---------- Acceptance criteria ----------

On new lesson screen

• Show title "Words learned" on the list of words learned, only when the list has at least one word.
• Next to the mencioned tittle show an order icon.
• By default show the words learned in the original order (as the user registered them) and show the non-alphabetically order icon.
• When the user clicks on the order icon show the words order alphabetically and change the icon to the alphabetically order icon.
• When the user clicks on the alphabetically order icon show the words in the original order and change the icon to the non-alphabetically order icon.
• Show a tooltip with an explanation.