🔥Diplomat Official - Online Gift Store

About the Project

Diplomat Official is a modern online gift store consisting of 15 pages. 14 SSG or ISR pages. To speed up page loading, custom Link component has been developed. It does prefetch not only js but also pictures. This significantly improves the user UX. Recommend to turn on slow 4g and visit the site 😉.

Features

The project includes the following features:

• Authentication and registration
• Google authentication
• Creating and updating products (only for users with Admin status)
• Product search
• Filtering and sorting products
• Adding products to the cart
• Delete products from cart
• Changing the quantity of items in the cart
• Writing comments on products
• Updating user profile information
• Placing orders
• Selecting a city and delivery way using a search function (implemented via Nova Poshta and Ukr Poshta APIs)
• Viewing order history in the profile (if the user was logged in when placing the order)

Core Technologies

The project is built using modern technologies:

• Next.js 15 — server-side and client-side rendering
• React 19 — library for building user interfaces
• Zustand — state management
• Prisma — ORM for database management
• React Hook Form — easy form validation
• MUI — styled components
• Zod — data validation schema
• NextAuth.js — user authentication
• Vitest — testing

Contact

If you have any questions or suggestions, feel free to reach out via Telegram.