🛍️ WebWear

A Modern E-Commerce Platform Built with MERN Stack, Redux Toolkit & Tailwind CSS

WebWear is a modern fashion e-commerce site designed to deliver a seamless shopping experience. It integrates a React frontend with a Node.js + Express backend, secured with JWT and powered by MongoDB for data persistence. Cloudinary is used for image uploads and PayPal for payment processing.

🎥 Demo Account (Live Website)

• Email: dummy6@gmail
• Password: 1234

📁 Project Structure

/client      → React Frontend  
/server      → Node.js + Express Backend  
/.env        → Environment variables (server)  

⚙️ Environment Variables

Create a .env file inside the server folder and add the following:

PORT=3000
DB_URL="your DB url"
SECRET_KEY='your key'

CLOUD_NAME= your cloud name
API_KEY= cloud api key
API_SECRET=cloud secret key

CLIENT_ID="paypal client id"
PP_SECRET_KEY="paypal secret key"

⚠️ Warning: Never expose your .env file publicly or commit it to version control.

🛠️ Setup Instructions

📥 Clone the Repository

git clone https://github.com/yourusername/webwear.git
cd webwear

📦 Install Dependencies

Install frontend:

cd client
npm install

Install backend:

cd ../server
npm install

🚀 Start the Development Servers

Start the backend server:

cd server
npm run dev

Start the frontend server:

cd ../client
npm start

🌍 URLs

• Frontend → http://localhost:5173
• Backend → http://localhost:5000

📜 License

This project is licensed under the MIT License

Authors

• @DhruvSolanki