Розробка веб-сайту для організації розкладу подій з включенням інформації про погоду

Abstract

Проект "Weth" - це веб-сайт, розроблений за допомогою NextJS, який об'єднує у собі функціональність todo-списку та інформацію про погоду. Завдяки зручному інтерфейсу та розширеній функціональності, користувач може легко керувати своїми завданнями та одночасно відслідковувати погодні умови. Веб-сайт має дві складові: клієнтську та серверну частини. Серверна частина використовує три API-шляхи: для авторизації користувачів, отримання інформації про користувача та завдання. Користувач може зареєструватися або увійти в систему, використовуючи електронну пошту або обліковий запис Google або Facebook. На головній сторінці користувачу доступні сторінки Weather та Tasks. На сторінці Weather він може переглянути погоду на день та прогноз на наступні 7 днів. Сторінка Tasks надає можливість створювати, відстежувати та редагувати завдання. Для забезпечення кращого користувацького досвіду, веб-сайт має анімаційні ефекти та оптимізовані переходи між сторінками. Крім того, для керування формами використовуються бібліотеки zod та react-hook-form, а для автентифікації - next-auth. Загалом, "TodoWeth" - це інноваційний та зручний інструмент для керування завданнями та відстеження погодних умов, що забезпечує зручність та ефективність в щоденному житті користувачів. The "TodoWeth" project is a web application developed using NextJS, which combines the functionality of a to-do list and weather information. With a user-friendly interface and enhanced functionality, users can easily manage their tasks while simultaneously tracking weather conditions. The website consists of both client-side and server-side components. The server-side utilizes three API routes: for user authentication, fetching user information, and managing tasks. Users can register or log in using their email or through Google or Facebook accounts. On the homepage, users have access to the Weather and Tasks pages. On the Weather page, they can view the weather for the day and a forecast for the next 7 days. The Tasks page allows users to create, track, and edit tasks. To enhance the user experience, the website features animated effects and optimized transitions between pages. Additionally, zod and react-hook-form libraries are used for form management, while next-auth handles authentication. Overall, "TodoWeth" is an innovative and convenient tool for task management and weather tracking, providing users with convenience and efficiency in their daily lives.