ChromX E-commerce project is a project designed to showcase the usage of various technologies and tools for building a modern web application. Below, you'll find important information and instructions for running and understanding this project.
ChromX is deployed in Vercel via the following link:
It features three main pages:
All Products: Displaying a list of all available products. Products: Showing individual product details. Cart: Managing the shopping cart and checkout process.
The project utilizes several tools and technologies, including:
Dummy JSON API: Used to simulate product data and interactions ( https://dummyjson.com/ ). SSG (Static-Side Generation), CSR (Client-Side Rendering) and SSG (Server-side Rendering) : Combining server-side rendering for initial page load and client-side rendering for dynamic updates and static-side Generation for pre-builds web pages at compile time enabling faster website loading. Design with DaisyUI and Tailwind CSS: Styling and UI components for a modern and responsive design. Next.js Framework: A popular React framework for building web applications with server-side rendering and routing. Local Storage: Used for storing cart information locally on the user's device. Firebase: For user authentication and data storage. SEO Implementation: Ensuring good search engine optimization practices are followed.
If you'd like to contribute to this project, please follow these steps:
Fork the repository to your own GitHub account. Create a new branch for your feature or bug fix. Make your changes and test thoroughly. Commit your changes with clear and concise commit messages. Push your changes to your forked repository. Create a pull request to the original repository with a description of your changes.
For inquiries and collaboration, contact us at:
Riadh Mouamnia: linkedin: "https://www.linkedin.com/in/riadh-mouamnia/" github: "https://github.com/riadhmouamnia"
Zohir Kioukiou: linkedin: "https://www.linkedin.com/in/zohir-kioukiou-130741229/" github: "https://github.com/Zohir-kk
Darine Tag: linkedin: "https://www.linkedin.com/in/darine-tag/" github: "https://github.com/darinetag"
Imane Omari: linkedin: "https://www.linkedin.com/in/iman-omari/" github: "https://github.com/iman-om"
Chanel Hamel: linkedin: "https://www.linkedin.com/in/chanel-hamel/ github: "https://github.com/Chanel50
Bouchra Djalti linkedin: "https://github.com/Bushra369 github: "https://www.linkedin.com/in/bushra-djalti-0b1b52287/