This repository contains the Little Lemon website, which was built as a capstone project for the Meta Frontend Developer course. The Little Lemon website is a fictional e-commerce platform that specializes in selling various lemon-based products.
The Little Lemon website aims to provide users with an intuitive and visually appealing interface to browse and purchase lemon-themed products. The project focuses on implementing modern frontend development techniques and technologies to create a seamless user experience.
- User Registration and Login: Users can create an account and log in to access personalized features such as order history and saved payment methods.
- Product Catalog: The website showcases a wide range of lemon products, including lemonade, lemon cakes, lemon-scented candles, and more. Users can browse the catalog, filter products, and view detailed product information.
- Shopping Cart: Users can add products to their shopping cart and proceed to checkout to complete their purchase.
- Payment Integration: The website integrates with a payment gateway to securely process online payments. Users can choose from various payment methods, such as credit cards or digital wallets.
- Order Tracking: Once an order is placed, users can track the status of their order and receive updates on its progress.
- User Reviews and Ratings: Users can leave reviews and ratings for products they have purchased, providing valuable feedback for other customers.
The Little Lemon website is built using the following technologies:
- HTML5: Markup language for structuring the website's content.
- CSS3: Styling language used for designing the website's layout and visual appearance.
- JavaScript: Programming language for implementing interactive features and client-side logic.
- React: JavaScript library for building user interfaces, enabling the creation of reusable UI components.
- Redux: State management library for managing application state and data flow.
- Node.js: JavaScript runtime environment used for server-side logic and handling API requests.
- Express: Web application framework for Node.js, simplifying the creation of server-side APIs.
- MongoDB: NoSQL database for storing user information, product data, and order details.
- Stripe: Payment gateway integration for securely processing online payments.
To run the Little Lemon website locally, follow these steps:
- Clone this repository:
git clone https://github.com/your-username/little-lemon.git
- Navigate to the project directory:
cd little-lemon
- Install the dependencies:
npm install
- Start the development server:
npm start
- Open your browser and visit:
http://localhost:3000
Contributions to the Little Lemon website are welcome! If you encounter any bugs, have suggestions for improvements, or would like to add new features, please submit an issue or create a pull request.
This project is licensed under the MIT License.