Этот хакатон KWOC на 2022 год, организованный IIT Kharagpur, стал отличным соревнованием, которое многому меня научило в отношении вклада в открытый исходный код, помогло улучшить мою переднюю веб-разработку, а также дало отличный опыт использования языков разработки, таких как HTML и CSS.
Даже я до сих пор не изучал JavaScript, но мне удалось правильно отредактировать его несколько строк благодаря опыту создания веб-приложений, полученному на KWOC 2022.
Я работал над многими проектами на этом хакатоне и получил большой опыт работы с HTML и CSS.
Проекты
Всего я работал над четырьмя проектами:
Я использовал HTML и CSS и немного JavaScript для участия в этих проектах. Двое из этих наставников также объединили мой код в своем репозитории по умолчанию (Calcu.te и E-Commerce-Website).
Взносы
Рассчитать
В этом репозитории я исправил одну проблему, которая должна была улучшить пользовательский интерфейс web.
Я добавил фоновое изображение с линейным градиентом, анимацию на многих кнопках и с разными шрифтами и цветами, которые я сделал, чтобы это выглядело превосходно.
Также владелец этого репозитория объединил мой код.
Сайт электронной коммерции
В этом репозитории я исправил одну проблему, связанную с нефиксированной панелью навигации.
Я изменил свойство CSS позиции для панели навигации с фиксированного на абсолютное и исправил эту проблему.
Также владелец этого репозитория объединил мой код.
Top_Secrets
В этом репозитории я исправил одну проблему, связанную с улучшением пользовательского интерфейса страницы входа и регистрации на веб-сайте.
Я добавил отличный цвет линейного градиента в качестве фонового изображения, анимацию на значке сайта (значок ключа), добавил два изображения, чтобы сделать их флип-картами, анимировав их и увеличив прозрачность, а также добавил стили границ для всех кнопок и хорошие шрифты для текста.
JavaScript-проекты
В этом репозитории я создал веб-сайт с информационным бюллетенем в качестве проблемы, он не отвечал, так как я использовал только HTML и CSS и ничего не делал для серверной части.
Но его пользовательский интерфейс также был хорош, я сделал панель навигации, вкладки новостей были сделаны с изображениями и текстом в разделе, который, когда мы наводим на него курсор, на нем появляется градиентный цвет, а текст становится подчеркнутым, также добавлены тени ко многим элементам и все коробки, которые отлично смотрятся между заголовком, основной частью и частью нижнего колонтитула.
Также вставил в него форму для подписки на этот сайт рассылки новостей. Вкладка навигации всегда плавала внизу и включала кнопки «Домой», «Новости», «Образ жизни» и т. д.
Заключение
Я узнал много новых свойств CSS и освоил HTML и CSS, познакомился с новыми методами использования свойства тени для блока и текста. Использованы различные типы цветов линейного градиента.
Я многому научился и получил новый опыт участия в соревнованиях с открытым исходным кодом. Это был мой первый хакатон, в котором я участвовал, и мне это очень понравилось.
