sarthak-ons / cannes-fr

Welcome to the frontend repository for Cannes, an e-commerce application built as part of our full stack project. This repository contains the code for the frontend user interface, providing a delightful shopping experience for our customers. The backend repository for consumed API is below

Cannes - E-commerce App (Frontend)

Welcome to the frontend repository for Cannes, an e-commerce application built as part of our full stack project. This repository contains the code for the frontend user interface, providing a delightful shopping experience for our customers.

Project Overview

Cannes is a feature-rich e-commerce app designed to cater to the needs of modern shoppers. With a sleek and intuitive interface, our application offers a wide range of products from various categories, allowing users to browse, search, and purchase items with ease. The app also incorporates essential features like user authentication, cart management, and order tracking to enhance the overall shopping journey.

The frontend repository works in tandem with the Cannes Backend Repository, which houses the server-side code responsible for handling data, integrating with external APIs, and managing database operations.

Project Explanatory Video To get a better understanding of the Cannes e-commerce app and its features, please watch our Project Explanatory Video.

Key Features

• Product Catalog: Explore a vast collection of products from different categories, complete with detailed descriptions, images, and pricing information.
• User Authentication: Create an account, log in securely, and enjoy personalized shopping experiences with features like saved addresses, order history, and recommendations.
• Search and Filtering: Effortlessly find desired products using search functionality and apply filters to narrow down results based on attributes like price, brand, ratings, and more.
• Shopping Cart: Add items to the cart, modify quantities, and proceed to checkout with a seamless and intuitive cart management system.
• Payment Integration: Experience secure and smooth payment processing, leveraging popular payment gateways to complete transactions.
• Order Tracking: Track the status of placed orders, receive notifications, and stay informed about the progress of your purchases.
• Responsive Design: Enjoy a consistent and visually appealing shopping experience across various devices, including desktop, tablet, and mobile.

Technologies Used

• Programming Languages: HTML, CSS, JavaScript
• Frontend Framework: React.Js
• State Management: React Context API, react-router-dom
• APIs: Our frontend communicates with the Cannes Backend API to fetch product data, process user authentication, and manage orders.

Installation and Setup

To set up the Cannes frontend app locally, follow the steps below:

1. Clone the Cannes Backend Repository and follow the instructions provided in its README to set up the backend server.

2. Clone this frontend repository to your local machine:

   git clone https://github.com/YourUsername/cannes-frontend.git

3. Navigate to the project directory:

   cd cannes-frontend

4. Install the required dependencies using a package manager like npm or yarn:

   npm install

5. Configure the backend API URL in the appropriate configuration file (src/config.js or similar) to ensure proper communication with the backend server.

6. Start the development server:

   npm start

   This command will launch the app in your default browser. If it doesn't open automatically, visit http://localhost:3000 to access the Cannes app.

7. You're all set! Explore the Cannes app on your local machine and begin your shopping journey.

Feedback and Support

If you have any questions, suggestions, or need support regarding the Cannes app or the full stack project, please reach out at [email protected]

Thank you for your interest in Cannes! Happy shopping! 🛍️