Zellige

E-commerce Platform for Moroccan Tiles

Technologies Used

Backend

• Express.js: Web application framework for Node.js.
• Node.js: JavaScript runtime for server-side development.
• Passport: Authentication middleware for Node.js.
• Cloudinary: Cloud-based image and video management platform.
• Mongoose: MongoDB object modeling tool designed to work in an asynchronous environment.

Front Store

• React.js: JavaScript library for building user interfaces.
• Redux Toolkit: Redux package opinionated toolkit for efficient Redux development.
• Styled Components: CSS-in-JS library for styling React components.
• Zod: TypeScript-first schema declaration and validation library.

Back Office

• React.js: JavaScript library for building user interfaces.
• Context API: React's built-in state management solution.
• Tailwind CSS: Utility-first CSS framework for quickly building custom designs.
• Material Tailwind: Material Design components built with Tailwind CSS.
• Zod: TypeScript-first schema declaration and validation library.

Screenshots

Hero Section

Authentication Pages

Products Page

Color Choices