Добро пожаловать в мою коллекцию проектов HTML, CSS и JavaScript! В этом сообщении блога представлен подробный обзор различных проектов, которые я создал, демонстрируя различные аспекты веб-разработки. Каждый проект доступен в собственном репозитории, который включает в себя весь код, который вам понадобится для изучения и изучения.

Оглавление

• Введение
• Обзор проекта
• Начиная
• Содействие
• Автор

Введение

Как веб-разработчику, мне нравится работать над различными проектами, которые помогают мне совершенствовать свои навыки в HTML, CSS и JavaScript. Эти проекты, от простых калькуляторов до более сложных приложений, демонстрируют различные методы и лучшие практики веб-разработки. Ниже вы найдете тщательно подобранный список проектов, каждый из которых имеет ссылку на соответствующий репозиторий GitHub.

Обзор проекта

Вот краткое описание проектов, над которыми я работал:

1. Новости Абхи ки

   • Новостное приложение, которое собирает и отображает последние заголовки.
   • Просмотреть код

2. Генератор советов

   • Генерирует случайные советы, чтобы предоставить пользователям полезные советы.
   • Просмотреть код

3. Калькулятор возраста

   • Инструмент для расчета возраста на основе введенной даты рождения.
   • Просмотреть код

4. Аналоговые часы

   • Отображает функциональные аналоговые часы с использованием JavaScript.
   • Просмотреть код

5. Карточка статьи

   • Стилизованная карточка для демонстрации статей.
   • Просмотреть код

6. Калькулятор ИМТ

   • Рассчитывает индекс массы тела на основе данных пользователя.
   • Просмотреть код

7. Таймер обратного отсчета

   • Таймер, ведущий обратный отсчет до указанной даты и времени.
   • Просмотреть код

8. Симулятор броска кубиков

   • Имитирует бросок игральных костей с помощью генератора случайных чисел.
   • Просмотреть код

9. Ударная установка

   • Виртуальная ударная установка, позволяющая пользователям воспроизводить различные звуки ударных.
   • Просмотреть код

10. Часто задаваемые вопросы: Аккордеон

    • Раздел часто задаваемых вопросов в виде аккордеона для веб-сайтов.
    • Просмотреть код

11. Подбросьте монету

    • Простая симуляция подбрасывания монеты.
    • Просмотреть код

12. Сосредоточьтесь на дне

    • Помогает пользователям сосредоточиться на повседневных задачах с помощью специализированного пользовательского интерфейса.
    • Просмотреть код

13. Гамбургер для гурманов

    • Стильное гамбургер-меню для веб-сайтов, посвященных еде.
    • Просмотреть код

14. Кредитный калькулятор

    • Рассчитывает выплаты по кредиту на основе данных пользователя.
    • Просмотреть код

15. Форма входа

    • Базовая форма входа с проверкой формы.
    • Просмотреть код

16. Календарь на месяц

    • Отображает календарь на любой месяц.
    • Просмотреть код

17. Ипотечный калькулятор

    • Рассчитывает выплаты по ипотеке на основе различных исходных данных.
    • Просмотреть код

18. Главная страница новостей

    • Макет главной страницы новостного сайта.
    • Просмотреть код

19. Форма подписки на рассылку новостей

    • Форма для подписки пользователей на рассылку новостей.
    • Просмотреть код

20. Генератор паролей

    • Создает безопасные пароли с настраиваемыми параметрами.
    • Просмотреть код

21. Таймер Помидора

    • Таймер, который поможет повысить продуктивность с помощью техники «Помидора».
    • Просмотреть код

22. Карточка профиля

    • Компонент карты для отображения профилей пользователей.
    • Просмотреть код

23. Генератор QR-кода

    • Генерирует QR-коды на основе пользовательского ввода.
    • Просмотреть код

24. Камень, ножницы, бумага

    • Игра «Камень, ножницы, бумага», реализованная на JavaScript.
    • Просмотреть код

25. Простой калькулятор

    • Базовый калькулятор для выполнения арифметических операций.
    • Просмотреть код

26. Электронная торговля кроссовками

    • Страница электронной торговли кроссовками со списком товаров.
    • Просмотреть код

27. Конвертер температуры

    • Преобразует температуру между градусами Цельсия, Фаренгейта и Кельвина.
    • Просмотреть код

28. Слайдер отзывов

    • Компонент слайдера для отображения отзывов пользователей.
    • Просмотреть код

29. Генератор преобразования текста в речь

    • Преобразует вводимый текст в произносимые слова с помощью API Web Speech.
    • Просмотреть код

30. Крестики-нолики

    • Классическая игра «Крестики-нолики», реализованная на JavaScript.
    • Просмотреть код

31. Калькулятор чаевых

    • Рассчитывает сумму чаевых на основе суммы счета и процента чаевых.
    • Просмотреть код

32

. Список дел
- Простое приложение со списком дел для управления задачами.
- Посмотреть код

1. Конвертер веса
   • Преобразует веса между различными единицами измерения.
   • Просмотреть код

Начиная

Чтобы клонировать и запустить любой из этих проектов локально, выполните следующие действия:

1. Клонировать репозиторий:

   git clone https://github.com/abhishekgurjar-in/html-css-javascript-projects.git

1. Перейдите в каталог проекта:

   cd 

1. Откройте проект в браузере.: откройте файл index.html в браузере, чтобы увидеть проект в действии.

Содействие

Если вы хотите внести свой вклад в какой-либо из этих проектов, следуйте этим правилам:

1. Разветвить репозиторий.
2. Создайте новую ветку для ваших изменений.
3. Зафиксируйте изменения и отправьте их в свой раздвоенный репозиторий.
4. Создайте запрос на внесение изменений с описанием ваших изменений.

Автор

Абхишек Гурджар