Розробка вебсистеми представлення аніме/манги із використанням фреймворку Nextjs

Abstract

UK: Об’єкт розробки – веб-платформа для перегляду аніме та манги. Мета роботи – розробка сучасної веб-платформи AniMore для автоматизації процесу пошуку, перегляду, оцінювання та обговорення аніме, а також для створення персоналізованого користувацького досвіду. В ході розробки було проаналізовано технічне завдання. Проведено проєктування архітектури платформи, в результаті чого сформовано структуру бази даних, визначено основні алгоритми роботи сайту та побудовано макети ключових сторінок. Для зберігання даних обрано хмарну базу даних Firestore (Firebase), а для зберігання та оптимізації зображень – сервіс Cloudinary. Клієнтську частину розроблено з використанням бібліотеки React та фреймворку Next.js, що забезпечує швидке завантаження сторінок і SEO-оптимізацію. Серверна логіка реалізована через інтеграцію з Firebase та зовнішніми API. В результаті розроблена вебплатформа дозволяє користувачам переглядати аніме та мангу, додавати їх до улюбленого, залишати коментарі, переглядати відео-епізоди, а також редагувати власний профіль із можливістю завантаження аватара. Інтерфейс платформи є адаптивним, зручним та сучасним, що забезпечує позитивний користувацький досвід на різних пристроях. EN: The object of development is a web platform for watching anime and manga. The purpose of the work is to develop a modern web platform AniMore to automate the process of searching, viewing, rating, and discussing anime, as well as to create a personalized user experience. During the development process, we analyzed the terms of reference. The platform architecture was designed, which resulted in the formation of the database structure, the main algorithms of the site, and the construction of key page layouts. We chose the Firestore cloud database for data storage, and the Cloudinary service for image storage and optimization. The client side was developed using the React library and the Next.js framework, which ensures fast page loading and SEO optimization. The server logic is implemented through integration with Firebase and external APIs. As a result, the developed web platform allows users to watch anime and manga, add them to their favorites, leave comments, watch video episodes, and edit their own profile with the ability to upload an avatar. The platform's interface is responsive, user-friendly and modern, ensuring a positive user experience on various devices.