https://github.com/boriskrasko/english-for-kids

English for kids - SPA for learning English words
https://github.com/boriskrasko/english-for-kids

audio css css3 css3-flexbox english-language es6 es6-javascript eslint game html html5 javascript localstorage scss spa svg webpack

Last synced: 18 days ago
JSON representation

English for kids - SPA for learning English words

• Host: GitHub
• URL: https://github.com/boriskrasko/english-for-kids
• Owner: boriskrasko
• Created: 2021-02-01T19:10:06.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2024-02-08T18:29:27.000Z (about 1 year ago)
• Last Synced: 2025-01-13T21:14:59.391Z (26 days ago)
• Topics: audio, css, css3, css3-flexbox, english-language, es6, es6-javascript, eslint, game, html, html5, javascript, localstorage, scss, spa, svg, webpack
• Language: JavaScript
• Homepage: https://boriskrasko.github.io/english-for-kids/
• Size: 27.3 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# English for kids

[**English for kids**](https://boriskrasko.github.io/english-for-kids/) - an application for learning English words for kids.

## Application Structure:

1. Main page

2. Category Page

3. Statistics Page

## [Task](https://github.com/rolling-scopes-school/tasks/blob/master/tasks/rslang/english-for-kids-translated.md)

## [Deploy](https://boriskrasko.github.io/english-for-kids)

 ### Start Screen 

 

 ![](https://boriskrasko.github.io/english-for-kids/pages/efk.png)

## Stack: 

  * JavaScript(ES6)

  * SCSS, CSS3

  * HTML5

  * Webpack

  

## +

 * Local Storage

 * CSS Flex 

 * Eslint airbnb

 

 ## Development process:

 

 ### Page markup

 

 ![](https://boriskrasko.github.io/english-for-kids/pages/efk-markup.png)

 

 ### Menu and card markup

 

 ![](https://boriskrasko.github.io/english-for-kids/pages/efk-markup-components.png)

 

 ### Adding colors

 

 ![](https://boriskrasko.github.io/english-for-kids/pages/efk-colors.png)

 

 ### Card markup

 

 ![](https://boriskrasko.github.io/english-for-kids/pages/efk-titles.png)

 

 ### Responsive layout

 

 ![](https://boriskrasko.github.io/english-for-kids/pages/efk-adaptive.png)