idrayv/watch-word

:fire: Parse subtitles, learn new english words before watching the movie

🎥 WatchWord

⚡ Angular project: ./angular
☁️ .Net core project: ./aspnet-core

.Net Setup

0. Setup database connection string (MySql) in ./aspnet-core/src/WatchWord.Migrator/appsettings.json
1. Build & Run WatchWord.Migrator in order to migrate database
2. Build & Run WatchWord.Web.Host in order to run local API server

Angular Setup

3. cd ./angular
4. npm install (Restore packages)
5. npm run hmr (Run with hot module reload)

Deploy

6. cd ./angular
7. npm run deploy
8. Publish ./aspnet-core/src/WatchWord.Web.Host/ to Azure

watch-word's Issues

Get rid of angular/src/semantic-ui/ use npm instead

Implement material page

Implement "admin only" settings type

Only the author (or admin) should be authorized to delete or edit material

Words statistic table

• Implement word statistic table in the database.
• Add "total count in all materials" statistic column.
• Implement administrative action for recalculating "total count in all materials".

Improve MaterialService for multiple material output

Migrate to webpack

Implement abstract materials "statistic" block for the main page

• Add random film and random series blocks for the main page.

Implement statistic block over material on materials page

Implement global and personal "trash\ignored" words category

Optimize images for materials page

Implement custom 404 page

• Resolve "TODO: redirect to 404" in material component

Pagination functionality needs refactoring

Convert to Progressive Web App

https://codelabs.developers.google.com/codelabs/migrate-to-progressive-web-apps/

Improve MaterialService for single material output

Implement popup sign in and sign up

Implement popular translation mark in translation-modal component

Implement "submit word into vocabulary" functionality in material page

Show words with context

• Word translation modal box should contain samples of sentences with this word (or link to the modal box with such samples);
• Samples should be taken from random materials but not from the current.

Improve materials search component

• add spinner
• add small delay after keypress and before search query sended
• implement query cancellation if new search query initialized

Implement TranslationService

Implement “nav burger” button for mobile resolution

Add counter and filtration on the dictionaries page

Implement material search functionality

implement parser service

Implement material submit form (angular)

Check and beautify api url's

https://github.com/Microsoft/api-guidelines/blob/vNext/Guidelines.md

Checkboxes in modal box work incorrect

Implement Vocabulary page and word management modal window

Improve css styles for material modal box

Show errors as toast messages instead of div

Implement VocabularyService

Implement abstract words "statistic" block for the main page

• Add top words in (random) material statistic block to the main page.

Implement MaterialController, MaterialService and MaterialRepository

Save words context in database

• Save entire subtitles' text to the material table.
• Save information on each word's position in the original text.

Implement TV series hub page

Implement functionality of adding any word on dictionary page

Implement materials page skeleton

Decrease weight of JS\CSS bundles

Implement statistic block in material

Implement "favorite materials" functionality

Improve MaterialService for material input

Move modal boxes to the centre of the screen

Implement filtration and sorting for material page

Word type sorting;
Known words filter;
Learning words filter.

Implement list of elementary words in english

Use it as filter for material parser and statistic

Material page doesn't work for unauthorized user

Improve materials page css

Init Service Workers

Add hints for users with an empty dictionary (newcomers)

1. Hint for material words.
2. Hide translation list
   2.a. Hint for unchecked checkboxes.
3. Hint for the translation list.
4. Message after successfully added first word to the dictionary
   4.a. Hint near the dictionary menu item.

Optimize modal box styles for mobile