Mutahae Proj
Wooden materials catalog with user authentication, favorites, cart functionality, and seamless ordering. Discover products easily with advanced search, sorting, and filtering options.
Overview
The Oak Product Ordering Application is an innovative platform designed for seamless ordering of wooden products, primarily oak, from anywhere in Israel. Utilizing the latest technologies like Next.js 14 and Strapi CMS, this application boasts a user-friendly interface that caters to both English and Hebrew speakers. The recent version 0.2 introduces significant enhancements aimed at enriching user experience, making it easier to authenticate, manage profiles, and explore a vast catalog of products.
With a sleek design and intuitive navigation, the app focuses on providing essential features that streamline the purchasing process. Whether you are a casual shopper or someone with specific delivery needs, the Oak Product Ordering Application promises an engaging and convenient way to fulfill your wooden product requirements.
Features
-
Authentication Enhancements: Users can log in using their email or Google account, making the authentication process simpler and more secure, with options for password recovery and reset.
-
User Profile Management: Easily access and update personal information such as contact details, delivery addresses, phone numbers, and passwords, providing users with full autonomy over their profiles.
-
Favorites List and Order History: A dedicated feature for bookmarking preferred items and a section to view past purchases, enhancing user engagement and convenience.
-
Catalog of Wooden Products: A comprehensive and searchable catalog that allows users to filter and sort through an array of oak products, making discovery a breeze.
-
Shopping Cart and Ordering: Users can effortlessly add items to their shopping cart and complete transactions through an intuitive order page with a seamless checkout experience.
-
Discount System: Attractive promotional offers and incentives implemented to provide users with extra value on their purchases, enhancing overall satisfaction.
-
Bilingual Support: A bilingual application interface that accommodates both English and Hebrew speakers, ensuring accessibility for a wider audience.
-
Optimized Performance and SEO: Built on Next.js 14, the app incorporates static site generation for fast-loading pages and enhanced visibility on search engines through effective metadata generation.
- Next.js
Next.js is a React-based web framework that enables server-side rendering, static site generation, and other powerful features for building modern web applications.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Chakra UI
Chakra UI is a popular open-source React component library that provides a set of accessible and customizable UI components to help developers create modern web applications.
- Strapi
Strapi is an open source headless CMS that provides a customizable content management system and API for your projects. It allows you to manage content in a visual interface and use a REST or GraphQL API to retrieve the data.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Framer Motion
Alpine.js is a lightweight JavaScript framework that simplifies the process of creating dynamic, reactive user interfaces on the web. It uses a declarative syntax that offers a higher level of abstraction compared to vanilla JavaScript, while being more performant and easier to use than jQuery.
- Zod
Zod is a TypeScript-first schema declaration and validation library. It allows you to define schemas that can validate data at runtime while providing excellent TypeScript inference, making it perfect for API validation, form validation, and type-safe data handling.