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