https://github.com/id-andyyy/fruit-idioms

🇬🇧🍓 A website for learning English idioms with the meaning of "Fruit"
https://github.com/id-andyyy/fruit-idioms

adaptive-design bem bootstrap css handlebars-js html idioms-learning javascript website

Last synced: 2 months ago
JSON representation

🇬🇧🍓 A website for learning English idioms with the meaning of "Fruit"

• Host: GitHub
• URL: https://github.com/id-andyyy/fruit-idioms
• Owner: id-andyyy
• Created: 2024-02-06T15:30:38.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-08-27T10:14:16.000Z (almost 2 years ago)
• Last Synced: 2025-01-09T16:11:54.043Z (over 1 year ago)
• Topics: adaptive-design, bem, bootstrap, css, handlebars-js, html, idioms-learning, javascript, website
• Language: HTML
• Homepage: https://fruit-idioms.vercel.app/
• Size: 650 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README-ru.md

Awesome Lists containing this project

README

          
![Арт](https://i.postimg.cc/hGHdNPgh/art.png)

![GitHub Created At](https://img.shields.io/github/created-at/id-andyyy/Fruit-Idioms?style=flat&color=%23E65F5A)

![Lines Of Code](https://tokei.rs/b1/github/id-andyyy/Fruit-Idioms?style=flat&category=code&color=%23E68A41)

![Top Language](https://img.shields.io/github/languages/top/id-andyyy/Fruit-Idioms?style=flat)

![Website](https://img.shields.io/website?url=https%3A%2F%2Ffruit-idioms.vercel.app%2F)

# Fruit Idioms 🍓

Сайт для изучения английских идиом со значением "Фрукты" 🍏. Создан в рамках школьного проекта [strawberry2892 🍓](https://github.com/strawberry2892).

## Описание

На сайте можно подробно изучить идиомы, а затем проверить свои знания, пройдя тест.

Для ознакомления предложена 21 идиома на английском языке со значением "Фрукты". Для каждой идиомы указано:

- перевод на русский язык (значение)

- дословный перевод

- синонимы на английском языке

- примеры употребления с переводом

- происхождение идиомы (краткая справка)

Эти мини-статьи составлены с опорой на учебники английского и англо-русские словари идиом (подробнее в разделе [Ресурсы](#ресурсы)).

Для закрепления изученного материала, на сайте представлены четыре категории заданий:

- выбрать перевод идиомы на русский язык из предложенных вариантов

- соединить две части идиомы

- вставить подходящую идиому в предложение

- написать перевод идиомы на английский язык

После отправки можно посмотреть и исправить свои ошибки (форму можно отправлять несколько раз). Показывается процент верных ответов.

## Демонстрация

Посетите [сайт](https://fruit-idioms.vercel.app/) или посмотрите демонстрацию (клик на картинку) 👇

[![Превью](https://i.postimg.cc/hvn7PyXB/preview.png)](https://youtu.be/6QE09oDJbeM)

## Технологии и инструменты

![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)

![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)

![Bootstrap](https://img.shields.io/badge/bootstrap-%238511FA.svg?style=for-the-badge&logo=bootstrap&logoColor=white)

![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=white&color=yellow)

![Figma](https://img.shields.io/badge/figma-%23F24E1E.svg?style=for-the-badge&logo=figma&logoColor=white&color=#6CeA8C)

![Git](https://img.shields.io/badge/git-%23F05033.svg?style=for-the-badge&logo=git&logoColor=white&color=f14e32)

Особенности разработки:

- Использован фреймворк Bootstrap

- Использована библиотека Handlebars для создания HTML-шаблонов

- Статьи и задания хранятся в JSON файлах. Это обеспечивает возможность быстро добавлять новую информацию и изменять уже внесённую

- Адаптивная вёрстка подстраивается под любое устройство

- Добавлены заглушки (placeholders), чтобы при загрузке сайт не выглядел пустым

- БЭМ методология

- Настроены мета-теги и Яндекс Метрика

## Обратная связь

Буду признателен, если вы поставите звезду ⭐. Если вы нашли баг или у вас есть предложения по улучшению, используйте раздел [Issues](https://github.com/id-andyyy/Fruit-Idioms/issues).

## Авторы

Работа над теоретической частью, написание статей, составление заданий и создание дизайна сайта - [strawberry2892 🍓](https://github.com/strawberry2892).

Вёрстка, настройка и размещение сайта на хостинге - [Andy 😼](https://github.com/id-andyyy).

## Ресурсы

- Фразеологизм. Большая российская энциклопедия. — Москва: 2017.

- Лариса Шитова, Татьяна Брускина. English Idioms and Phrasal Verbs. Англо-русский словарь идиом и фразовых глаголов. - 3-е издание. - Санкт-Петербург: Антология, 2016.

- Cunningham Sarah, Moor Peter, Crace Araminta. Cutting Edge. Pre-intermediate. Students' Book. - 3rd Edition. - London: Pearson Education, 2017.

- Judith Siefring. Oxford dictionary of idioms. - Oxford: Oxford University Press, 2004.

- [Mark Nichol. 50 idioms about fruits and vegetables.](https://www.dailywritingtips.com/50-idioms-about-fruits-and-vegetables/) 

- [Idioms and phrases. The free dictionary by farlex.](https://idioms.thefreedictionary.com/)

Читать на [английском 🇬🇧](README.md)