West Coast Comforts Web Application

West Coast Comforts stands as an e-commerce platform specializing in the sale of household appliances and furniture. Employing the MERN stack—MongoDB, Express.js, React.js, and Node.js—the project has been meticulously crafted, with React.js serving as the primary framework. This strategic stack integration ensures a smooth and adaptive online shopping journey for users.

Additionally, the backend API of the website is hosted on Render, delivering essential services for seamless interactions with server data, enhancing the overall functionality of the platform.

Table of Contents

• Overview
• Features
• Technologies Used
• Setup
• Screenshots

Overview

This project was developed using the MERN (MongoDB, Express.js, React.js, Node.js) stack to provide a seamless and responsive online shopping experience. The website's backend API is hosted on Render, providing the necessary services for interacting with the server data.

Features

• User Account
  • Add to cart: Users can easily add items to their shopping cart.
  • Delete from cart: Users can remove items from their cart.
  • View products: Browse through a wide range of house appliances and furniture.
  • Add quantity to cart: Users can specify the quantity of each item in the cart.
  • Make an order: Users can place orders for the selected items.
• Admin Account
  • Archive/Activate product: Admins can manage the availability of products by archiving or activating them.
  • Update product info: Admins have the ability to modify product information.
  • Add product: Admins can add new products to the store.
  • View all products: Comprehensive list of all products available in the store.
  • View all orders: Admins can view and manage all orders placed by users.

Technologies Used

• React.js: Frontend library for building user interfaces.
• Node.js: Server-side JavaScript runtime.
• Express.js: Web application framework for Node.js.
• MongoDB: NoSQL database for storing product and user information.
• SweetAlert: A library for beautiful, responsive, and customizable alert dialogs.
• Render: A rendering service for deploying and scaling web applications.
• Vercel: A platform for hosting and deploying web applications.
• Bootstrap: Frontend framework for designing responsive and mobile-first websites.

Setup

1. Clone this repository to your local machine:

   git clone https://github.com/jannclaude/rep-comforts.git
   

2. Install dependencies:

   npm install
   

3. Set your API server URL in .env.local file by using environment variable REACT_APP_API_URL

4. Start the web app:

   npm start
   

Screenshots