Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/abderrahmaneamerhhi/e-commerce
A Simple ecommerce Web App that enables you to sell your products, manage your store in a simple and excellent way with Laravel 8 Crud and blade engine
https://github.com/abderrahmaneamerhhi/e-commerce
crud crud-application ecommerce-application ecommerce-store ecommerce-website laravel laravel-crud laravel8 php php7 php8 shop store
Last synced: 2 days ago
JSON representation
A Simple ecommerce Web App that enables you to sell your products, manage your store in a simple and excellent way with Laravel 8 Crud and blade engine
- Host: GitHub
- URL: https://github.com/abderrahmaneamerhhi/e-commerce
- Owner: AbderrahmaneAmerhhi
- Created: 2023-11-03T22:17:00.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2023-11-04T15:34:26.000Z (about 1 year ago)
- Last Synced: 2024-10-12T11:21:14.503Z (about 1 month ago)
- Topics: crud, crud-application, ecommerce-application, ecommerce-store, ecommerce-website, laravel, laravel-crud, laravel8, php, php7, php8, shop, store
- Language: Blade
- Homepage: https://abderrahmaneamerrhi.com/Projects
- Size: 5.15 MB
- Stars: 2
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
[![portfolio](https://img.shields.io/badge/my_portfolio-000?style=for-the-badge&logo=ko-fi&logoColor=white)](https://main--abderrahmaneamerrhiportfoliov2.netlify.app/)
[![linkedin](https://img.shields.io/badge/linkedin-0A66C2?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/abderrahmane-amerrhi-807b40201/)# Ecommerce Web App
A Ecommerce Web App that enables you to sell your products, manage your store in a simple and excellent way
Discover [Vedio](https://abderrahmaneamerrhi.com/assets/sieved-25dda1ed.mp4).
## Information
I built the app using laravel , made a simple backend CRUD and use blade in front end
### Technologies used in Backend
| Technology | Description | Version |
| :---------------- | :-----------------------: | :-----: |
| Php | PHP language | ^7.0 |
| Laravel | Laravel backend framework | ^8.65 |
| laravel/ui | UI Package | ^3.3 |
| stripe/stripe-php | stripe checkout Package | ^7.100 |
| srmklive/paypal | paypal checkout Package | ~1.0 |## Cloning and use
```bash or terminal
# Cloning app
git clone https://github.com/AbderrahmaneAmerhhi/E-Commerce# install composer
composer install
php artisan config:clear
php artisan config:cache
# copy .env.example => rename it to .env# generate App key
php artisan key:generate# install node_modules
npm install```
## Configuration
```env
# in .env file config databaseDB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=yourdatabse_name
DB_USERNAME=root
DB_PASSWORD=databasepassword# config Mail add your mail configuration
MAIL_MAILER=smtp
MAIL_HOST=mailhog
MAIL_PORT=1025
MAIL_USERNAME=null
MAIL_PASSWORD=null
MAIL_ENCRYPTION=null
MAIL_FROM_ADDRESS="[email protected]"
MAIL_FROM_NAME="${APP_NAME}"# add your Paypal configuration
PAYPAL_MODE=sandbox
PAYPAL_SANDBOX_API_USERNAME=YourUserName
PAYPAL_SANDBOX_API_PASSWORD=YourPassword
PAYPAL_SANDBOX_API_SECRET=YourSecret```
## Migrate database and run app
```bash or terminal
########### open app in terminal or cmd or bash ... ###############
# Migrate data base run in terminal
php artisan migrate# seed database
php artisan db:seed# run app
php artisan serve
## in other terminal
npm run dev# open app in
http://127.0.0.1:8000# login to admin dashboard
Url :http://127.0.0.1:8000/admin/login
Email : [email protected]
Password : admin```
## Features
- Dynamic backend with laravel Backend framework
- Responsive front-end with dark mode and other widgets built using vue.js framework#### Dashboard Features
- Administrators can manage product categories, add new categories, update a category, delete a category
- Administrators can also manage products, edit, delete product view
- Manage orders
- manage visitors review accept them or remove them
#### User side
- Visitors can view your products and store information and can send you email Create a new account Log in...
- To buy a new product, add a new review, the user must be connected to their own account
- user can add comment to product can add product to cart and pay with paypal or strip with cart
- Nice scroll banner- filter products by categories
- User can edit profile image and email password name ...
## Some dashboard images
#### Admin Login
![Admin Login image](https://github.com/AbderrahmaneAmerhhi/E-Commerce/blob/main/public/images/github/backend/2023-11-03-22-58-03.png)
#### Manage Categories
![manage cats image](https://github.com/AbderrahmaneAmerhhi/E-Commerce/blob/main/public/images/github/backend/2023-11-03-22-58-23.png)
#### Manage Products
![manage products image1](https://github.com/AbderrahmaneAmerhhi/E-Commerce/blob/main/public/images/github/backend/2023-11-03-22-58-33.png)
#### Manage Users comments
![manage comm image1](https://github.com/AbderrahmaneAmerhhi/E-Commerce/blob/main/public/images/github/backend/2023-11-03-23-00-18.png)
## Some user side images
#### User Login Register
![User Login image](https://github.com/AbderrahmaneAmerhhi/E-Commerce/blob/main/public/images/github/frontend/login.png)
![User Register image](https://github.com/AbderrahmaneAmerhhi/E-Commerce/blob/main/public/images/github/frontend/register.png)#### Home
![ home image1](https://github.com/AbderrahmaneAmerhhi/E-Commerce/blob/main/public/images/github/frontend/home1.png)
![ home image2](https://github.com/AbderrahmaneAmerhhi/E-Commerce/blob/main/public/images/github/frontend/home2.png)
![ home image3](https://github.com/AbderrahmaneAmerhhi/E-Commerce/blob/main/public/images/github/frontend/HomeProducts.png)
![ home image4](https://github.com/AbderrahmaneAmerhhi/E-Commerce/blob/main/public/images/github/frontend/homecontact.png)#### Show Porduct
![ Porduct image1](https://github.com/AbderrahmaneAmerhhi/E-Commerce/blob/main/public/images/github/frontend/showproduct.png)
#### Cart
![ Cart image1](https://github.com/AbderrahmaneAmerhhi/E-Commerce/blob/main/public/images/github/frontend/cart.png)