ecommerce react laravel
Developer
Public chat
Product Details
Admin Dashboard: Manage products, orders, users, and more with an intuitive admin interface.
Delivery Boy Integration: Efficiently track and manage deliveries with dedicated features for delivery personnel.
Single Page Application (SPA): Smooth, dynamic, and fast user experience built with React.
Add to Cart: Easy and efficient cart management for users, ensuring a seamless shopping experience.
Two-Way Payment Options: Support for both Cash on Delivery (COD) and Stripe for secure online transactions.
User Authentication: Secure login and registration for users and administrators.
Product Management: Add, update, and delete products with ease.
Order Management: Comprehensive order tracking and status updates.
Responsive Design: Fully responsive layout ensuring a great experience on all devices.
File Tree
-
📁 ecommerce react laravel
Installation Instructions
This project is an e-commerce application built with React (frontend) and Laravel (backend).
## Prerequisites
- Node.js and npm installed
- Composer installed
- XAMPP or other local server set up for Laravel
- Stripe
## Installation Instructions
### Frontend (React)
1. Navigate to the `frontend_ecom` directory:
```bash
cd ecom-project/frontend_ecom
## Installation Instructions
### Frontend (React)
2. Run `npm install`.
3. Run `npm start` to start the development server.
# stripe setup for backend
a. Stripe Integration
Frontend (React)
Install Stripe.js: (copy and paste below line)
npm install @stripe/react-stripe-js @stripe/stripe-js
### Backend (Laravel)
1. Navigate to the `backend_ecom/backEcom` directory.
2. Run `composer install`.
3. Set up your `.env` file.
a. set dataBase Name
in '.env' file you will find (DB_DATABASE) set here (DB_DATABASE = backend_ecom)
DB_DATABASE = backend_ecom
Note : you can directly Run `php artisan migrate`. before stripe setup also
4. Run `php artisan migrate`.
5. Run `php artisan serve` to start the development server.
# stripe setup for backend
a. Stripe Integration
Install Stripe PHP library:(copy and paste below line )
composer require stripe/stripe-php
b. setup for stripe payment gatway
search (your_stripe_publishable_key) below you will find STRIPE_KEY
set here your_stripe_publishable_key
and STRIPE_SECRET = your_stripe_secret_key
(you can get these keys from stripe website)
STRIPE_KEY=your_stripe_key
STRIPE_SECRET=your_stripe_secret
Change and Adaptation Instructions
This project is an e-commerce application built with React (frontend) and Laravel (backend).
## Prerequisites
- Node.js and npm installed
- Composer installed
- XAMPP or other local server set up for Laravel
- Stripe
## Installation Instructions
### Frontend (React)
1. Navigate to the `frontend_ecom` directory:
```bash
cd ecom-project/frontend_ecom
## Installation Instructions
### Frontend (React)
2. Run `npm install`.
3. Run `npm start` to start the development server.
# stripe setup for backend
a. Stripe Integration
Frontend (React)
Install Stripe.js: (copy and paste below line)
npm install @stripe/react-stripe-js @stripe/stripe-js
### Backend (Laravel)
1. Navigate to the `backend_ecom/backEcom` directory.
2. Run `composer install`.
3. Set up your `.env` file.
a. set dataBase Name
in '.env' file you will find (DB_DATABASE) set here (DB_DATABASE = backend_ecom)
DB_DATABASE = backend_ecom
Note : you can directly Run `php artisan migrate`. before stripe setup also
4. Run `php artisan migrate`.
5. Run `php artisan serve` to start the development server.
# stripe setup for backend
a. Stripe Integration
Install Stripe PHP library:(copy and paste below line )
composer require stripe/stripe-php
b. setup for stripe payment gatway
search (your_stripe_publishable_key) below you will find STRIPE_KEY
set here your_stripe_publishable_key
and STRIPE_SECRET = your_stripe_secret_key
(you can get these keys from stripe website)
STRIPE_KEY=your_stripe_key
STRIPE_SECRET=your_stripe_secret