Shopify-MERN-Vite

Overview

Welcome to the Shopify-MERN-Vite project! This is a dynamic e-commerce application built using the MERN stack (MongoDB, Express.js, React, Node.js) with Vite as the frontend build tool. The application allows users to browse and manage products in a user-friendly interface.

Features

• Full-Stack Application: Combines a powerful backend with Express.js and Node.js and a responsive frontend using React and Vite.
• MongoDB Integration: Efficiently connects to MongoDB for data storage, enabling seamless CRUD operations on product listings.
• Dynamic User Interface: Users can view, add, edit, and delete items in real-time, enhancing the shopping experience.
• RESTful API: Implements robust API endpoints for smooth communication between the frontend and backend.
• Modern Development Tools: Utilizes Vite for fast development and optimized builds.

Getting Started

Prerequisites

• Node.js (v14 or later)
• MongoDB (local or cloud instance)

---

Installation

1. Clone the repository:

   git clone https://github.com/patricnilackshan/Shopify-MERN-Vite.git
   cd Shopify-MERN-Vite

2. Install backend dependencies:

   npm install

3. Install frontend dependencies:

   cd frontend
   npm install

---

Configuration

1. Create a .env file in the backend directory and add your MongoDB connection string:

   MONGODB_URI=your_mongodb_connection_string
   PORT=5000
   NODE_ENV='production'
   

---

Running the Application

1. Build project:

   npm run build

2. Start the server:

   npm run start

3. Open your browser and navigate to http://localhost:5000 to view the application.

---

Contributing

Contributions are welcome! Please feel free to submit a pull request or open an issue for any suggestions or improvements.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Acknowledgments

Thanks to the creators of the MERN stack and Vite for their incredible tools that made this project possible!