Skip to main navigation menu Skip to main content Skip to site footer

Electrotechnical and Computer Engineering

Vol. 38 No. 12 (2023): Proceedings of the Faculty of Technical Sciences

DEVELOPMENT OF A RESPONSIVE WEB APPLICATION TO SUPPORT THE WORK OF THE NATIONAL ASSOCIATION FOR EQUESTRIAN SPORTS

  • Сара Попарић
DOI:
https://doi.org/10.24867/25BE34Poparic
Submitted
December 6, 2023
Published
2023-12-06

Abstract

This paper deals with the development of a responsive web application to support the work of the National Association for Equestrian Sports; an application that is adaptable for use on different devices. Analyzing the web applications of national and international associations for equestrian sports, it was noticed that those solutions are not suitable for use from mobile phones, but only from laptops and desktop computers. On the other hand, the bachelor thesis, which is the starting point for this thesis, was implemented only as a mobile application. Therefore, the solution implemented in this paper represents a responsive web application that can be used independently of the device the user owns, which was confirmed by testing the application from different devices.

References

[1] Сара Попарић, „Софтверски пакет за подршку рада националног савеза за коњички спорт“, 2022. [Последњи приступ: 18.09.2023.]
[2] Oxford Web Studio: Responsive dizajn, урл: https://www.oxfordwebstudio.com/responsive-dizajn.html [Последњи приступ: 06.09.2023.]
[3] CSS: Cascading Style Sheets, урл: https://developer.mozilla.org/en-US/docs/Web/CSS [Последњи приступ: 22.09.2023.]
[4] mdn web docs: CSS values and units, урл: https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Values_and_units. [Последњи приступ: 11.09.2023.]
[5] Ethan Marcotte, „Responsive web design“, 2010, урл: https://alistapart.com/article/responsive-web-design/ [Последњи приступ: 07.09.2023.]
[6] W3: Media types, урл: https://www.w3.org/TR/CSS21/media.html [Последњи приступ: 07.09.2023.]
[7] Cem Eygi: Media Query CSS Tutorial – Standard Resolutions, CSS Breakpoints, and Target Phone Sizes, урл: https://www.freecodecamp.org/news/css-media-queries-breakpoints-media-types-standard-resolutions-and-more/ [Последњи приступ: 22.09.2023.]
[8] Anna Fitzgerald, „Tailwind CSS: What It Is, Why Use It & Examples“, 2022, урл: https://blog.hubspot.com/website/what-is-tailwind-css [Последњи приступ: 18.09.2023.]
[9] Tailwind CSS: Utility-First Fundamentals, урл: https://tailwindcss.com/docs/utility-first [Последњи приступ: 15.09.2023.]
[10] Tailwind CSS: Responsive Design, урл: https://tailwindcss.com/docs/responsive-design [Последњи приступ: 18.09.2023.]