rslang's Introduction
rslang's People
rslang's Issues
Главная страница
Страница мини-игры "Спринт":
- Управлять можно как мышкой, так и клавишами
- В конце игры выводятся результаты
- Если игра запускается из меню - обеспечить возможность выбора раздела (1-6)
- Если игра запускается со страницы учебника, в ней используются слова с этой страницы (кроме изученных). Если слов недостаточно, используются слова с других страниц.
Создание структуры приложения
- create react app
- убрать лишнее
- установить TS
- настроить контекст
Сделать локальную версию бекенда
страница статистики
Список слов
1) Для каждого слова:
- само слово с транскрипцией и переводом
- предложение с объяснением (с переводом)
- предложение с примером (с переводом)
- картинка
- иконка аудио
2) Только для авторизованных пользователей:
- кнопка для того, чтобы отметить слово как сложное
- кнопка, чтобы отметить слово как изученное
- если слово отмечено как сложное или изученное - выделить их разными стилями
- если все слова на странице "изученные"
- выделить всю страницу стилями (также выделяется соответствующая кнопка навигации). На этой странице ссылки на мини-игры становятся неактивными.
3) Дизайн, UI
Страница учебника
1) Генерация на основе исходных данных ( 6 разделов -> по 30 страниц -> 20 слов ).
2) 7 раздел сложных слов изначально пустой. Все слова на 1 странице. Добавить возможность удалять слова из сложных.
3) Навигация по разделам и по страницам.
4) После перезагрузки открывается последняя открытая страница
5) дизайн, UI
Учебник и список слов (осталось):
- Стилистические различия в отображении разделов
- Иконка меню и ссылки на мини-игры
- если все слова на странице относятся к изученным словам, такая страница считается полностью изученной и выделяется стилем
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.