View Online Version | View Desktop Version Image 💻 | View Mobile Version Image 📱

🛒 Shopping Cart (React)

This mini project is a simple shopping cart developed using React and Tailwind. I created this mini project to challenge myself on my journey to learning React.

🌟 Features

• Ability to add and remove products in the cart
• Ability to apply discount codes(Two discount codes for testing=>mobin,izadi)
• Ability to modify products in the cart
• Ability to remove individual products and empty the entire cart
• Option to choose the shipping method
• Ability to add additional notes
• Includes a mobile menu
• Fully responsive design

📖 Getting Started

Follow the instructions below to clone and run the project locally.

Prerequisites

Make sure you have the following installed on your machine:

• Node.js (v14 or higher)
• npm (for package management)

Installation

1. Clone the Repository

   Clone the repository to your local machine using the following command:

   git clone https://github.com/mobin-izadi/react-shopping-cart.git

2. Navigate to the Project Directory

   Change your directory to the project folder:

   cd react-shopping-cart

3. Install Dependencies Install the required dependencies using npm

   npm install

4. Running the Application To run the application locally, use the following command:

 npm start

This will start the development server, and you can view the application in your browser at http://localhost:3000.

5. Building the Project To create a production build, use:

 npm run build

This will generate optimized static files for deployment.

🛒 سبد خرید (ریکت)

این مینی پروژه یک سبد خرید ساده است که با استفاده از ریکت و تیلویند توسعه داده شده است. من این مینی پروژه را برای به چالش کشیدن خودم در مسیر یادگیری ریکت انجام داده‌ام.

🌟 ویژگی‌ها

• قابلیت افزودن و حذف محصولات در سبد خرید
• قابلیت ثبت کد تخفیف (دو کد تخفیف برای تست : mobin,izadi)
• قابلیت تغییر محصولات داخل سبد
• قابلیت حذف تک‌تک محصولات یا خالی کردن کل سبد
• امکان انتخاب روش ارسال محصول
• قابلیت ثبت توضیحات اضافی
• دارای منوی موبایل
• طراحی کاملاً ریسپانسیو

📖 شروع به کار

دستورالعمل‌های زیر را دنبال کنید تا مخزن را کلون کرده و پروژه را به صورت محلی اجرا کنید.

پیش‌نیازها

اطمینان حاصل کنید که موارد زیر بر روی سیستم شما نصب شده باشد:

• Node.js (نسخه 14 یا بالاتر)
• npm (برای مدیریت بسته‌ها)

نصب

1. کلون کردن مخزن

   مخزن را با استفاده از دستور زیر به سیستم خود کلون کنید:

   git clone https://github.com/mobin-izadi/react-shopping-cart.git

2. رفتن به دایرکتوری پروژه

به دایرکتوری پروژه بروید:

cd react-shopping-cart

3. نصب وابستگی‌ها وابستگی‌های مورد نیاز را با استفاده از npm نصب کنید:

   npm install

4. اجرای برنامه برای اجرای برنامه به صورت محلی، از دستور زیر استفاده کنید:

 npm start

این دستور سرور توسعه را راه‌اندازی می‌کند و شما می‌توانید برنامه را در مرورگر خود در آدرس http://localhost:3000 مشاهده کنید.

5. ساخت پروژه برای ایجاد یک بیلد تولیدی، از دستور زیر استفاده کنید:

 npm run build

این دستور فایل‌های استاتیک بهینه‌سازی شده را برای استقرار تولید می‌کند.