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

Abstract

У даній кваліфікаційній роботі розглядається розробка веб-сайту "Hive" для продажу та оренди нерухомості з використанням сучасних технологій. Мета роботи полягає у створенні ефективної та зручної платформи, що забезпечує швидкий доступ до інформації про нерухомість, полегшує процес купівлі, продажу та оренди, а також гарантує безпеку та надійність обробки даних. Для досягнення мети було використано такі технології: react для створення інтерфейсу користувача, NextJS для серверного рендерингу та маршрутизації, TypeScript для статичної типізації, TailwindCSS для стилізації, Shadcn UI та Radix UI для готових компонентів, Framer Motion для анімацій, Lucide-react для іконок, NextAuth для автентифікації та авторизації користувачів, MongoDB для зберігання даних, Prisma ORM для роботи з базою даних, react-hook-form та zod для управління формами, GitHub для контролю версій, Uploadthing для завантаження зображень, Vercel для розгортання на сервері та VS Code для розробки коду. У роботі було спроектовано архітектуру додатку, що включає клієнтську та серверну частини, роутинг та внутрішній API для взаємодії з базою даних. Реалізовано основні роути: головну сторінку, каталог оголошень, сторінку конкретного оголошення, сторінку про компанію, контакти, профіль користувача та авторизацію. Впроваджено систему авторизації користувачів з можливістю входу через Google або власні дані. Проведено тестування додатку, виявлено та виправлено помилки, оптимізовано продуктивність. Веб-сайт був розгорнутий на платформі Vercel та наданий для пілотного використання, що підтвердило його функціональність та відповідність потребам користувачів. Результати роботи мають значне практичне значення, сприяють розвитку ринку нерухомості, підвищують ефективність та зручність для користувачів та професіоналів, підтримують інновації та технологічний прогрес у галузі веб-розробки. Апробація результатів дослідження була проведена через тестування прототипу, презентації на конференціях, публікації, пілотне впровадження та відгуки користувачів. This qualification work explores the development of the "Hive" website for real estate sales and rentals using modern technologies. The aim of the work is to create an efficient and user-friendly platform that provides quick access to real estate information, facilitates the process of buying, selling, and renting, and ensures data security and reliability. To achieve this goal, the following technologies were used: React for creating the user interface, NextJS for server-side rendering and routing, TypeScript for static typing, TailwindCSS for styling, Shadcn UI and Radix UI for ready-made components, Framer Motion for animations, Lucide-react for icons, NextAuth for user authentication and authorization, MongoDB for data storage, Prisma ORM for database interaction, react-hook-form and zod for form management, GitHub for version control, Uploadthing for image uploading, Vercel for server deployment, and VS Code for code development. The work involved designing the architecture of the application, which includes the client and server parts, routing, and internal API for database interaction. The main routes were implemented: the home page, listings catalog, individual listing page, company information page, contacts, user profile, and authentication. A user authentication system was introduced, allowing users to log in via Google or their own credentials. The application was tested, errors were identified and corrected, and performance was optimized. The website was deployed on the Vercel platform and provided for pilot use, confirming its functionality and user needs compliance. The results of this work have significant practical value, contribute to the development of the real estate market, enhance efficiency and convenience for users and professionals, and support innovation and technological progress in web development. The results of the research were tested through prototype testing, presentations at conferences, publications, pilot implementation, and user feedback.