Ananas

Ananas is your go-to destination for the latest technology at the best prices. This project is a group assignment where we developed an online store using React, Next.js, TypeScript, and the MUI design system, featuring four main pages: a homepage, a product page, a checkout page, and a confirmation page.


ABOUT THE PROJECT

This project is a group assignment where we developed an online store using React, Next.js, TypeScript, and the MUI design system, featuring a homepage, a product page, a checkout page, and a confirmation page. The homepage displays a variety of products that users can click on to read more on the product page, which provides detailed information about each item with the option to add it to the shopping cart. The checkout page manages the shopping cart, showing quantity, price, and total cost, and allows users to adjust quantities or remove items. The confirmation page summarizes the purchase and provides a unique order number after completion. Administrators can manage products by adding, removing, or editing them on the admin page. Key technologies include React.js for building user interfaces, Next.js for server-rendered and static applications, TypeScript for improved code reliability, and MUI for handling UI components and styling.

The Tech That Made It Happen

React
TypeScript
Next.js
OAuth
Material UI
Prisma
Zod