This project is aimed at implementing minimal e-commerce functionality using React. The primary functionalities include displaying products, adding them to the cart, adjusting the cart, authentication, Detailed product pages, and ensuring clean code, responsiveness, and cross-browser compatibility.
- Product Display: Users can browse through a selection of products displayed with relevant details such as name, price, and image.
- Add to Cart: Users have the ability to add products to their cart for purchase.
- Cart Adjustment: Users can adjust the quantity of products in their cart or remove products entirely, providing flexibility and control over their shopping experience.
- User Authentication and Registration: Secure user authentication and registration system to allow users to create accounts and log in securely.
- Product Details Page: Detailed product pages providing additional information such as product descriptions, specifications, and customer reviews.
- Checkout: Seamless checkout process enabling users to review their cart, select shipping options, and complete their purchase securely.
- src/: Contains the source code for the React application.
- pages/: Contains pages related to the main functionalities such as product listing, cart, and additional pages if added. APIs or managing asynchronous operations.
- store/: Contains Redux store configuration and slices.
- services/: Includes service functions for interacting with
- ui/: Houses UI-related components, styles, for the homepage design and Houses reusable components for displaying products and managing the cart.
- App.js: The main component where routing and global state management are handled.
- public/: Contains static assets such as images or favicon.
- Clone the repository:
git clone https://github.com/HasanMt12/E-commerce-Functionality - Navigate to the project directory:
cd E-commerce-Functionality - Install dependencies:
npm install - Run the development server:
npm run dev - Open http://localhost:5173 to view it in the browser.
- Clean Code: Follow best practices for writing clean, maintainable code. Ensure readability and consistency.
- Responsive Design: Implement responsive layouts using CSS or CSS frameworks like Bootstrap to ensure the application works well across various devices and screen sizes.
- Cross-Browser Compatibility: Test the application on different browsers (Chrome, Firefox, Safari, Edge, etc.) to ensure consistent behavior and appearance.
- Git Workflow: Follow a structured Git workflow with meaningful commit messages. Create feature branches for new functionalities and submit pull requests for review.
This project is licensed under the MIT License - see the LICENSE file for details.