Tech Ecommerce Platform

A full-stack CRUD Laravel and ReactJs E-Commerce platform with a secure authentication system using Laravel Sanctum, with the admin dashboard.

Getting Started

1. Clone the repo: git clone https://github.com/itsmar1/tech-ecommerce.git
2. cd to server folder, create and fill in .env file. See .env.example
3. Set your MySQL Databse keys
4. Set your Amazon S3 keys
5. Migrate db: php artisan migrate
6. Install frontend dependencies: cd client && npm install
7. Open up two command prompts. In one, run php artisan serve to start your backend server, in the other prompt run npm start to start the front end.

Open http://localhost:3000 with your browser to see the result.

Prerequisites

• TECHSHOP backend uses Composer to manage its dependencies. So, before using it, make sure you have Composer installed on your machine.
• Node.js needs to be installed on your computer to manage the frontend dependencies.
• Install XAMPP on your PC, launch the Xampp Control Panel, click on the Apache and MySql start buttons. Open a browser, copy and paste the url http://localhost/dashboard/ then click on the phpMyAdmin tab. You should see the phpMyAdmin panel, click on the database tab in order to create a new database.

Tech Stack

• Laravel – The backend php framework used
• React – The frontend framework used
• Redux – State management
• Laravel Sanctum – Authentication system
• Tailwind – CSS framework
• MySQL – Database
• Amazon S3 – Object storage

Live Demo

• Click HERE for demo
• Admin => email: admin@techshop.com | password: admin
• Client => email: client@techshop.com | password: client

Author

Marwan Ahal

License

This project is licensed under the MIT License – see the LICENSE file for details