https://github.com/dragonsea0927/tech-ecommerce

A full-stack CRUD Laravel and ReactJs E-Commerce platform with a secure authentication system using Laravel Sanctum, with the admin dashboard.
https://github.com/dragonsea0927/tech-ecommerce

admin-dashboard laravel laravel-ecommerce react react-ecommerce talwindcss

Last synced: about 2 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/dragonsea0927/tech-ecommerce
• Owner: dragonsea0927
• License: mit
• Created: 2024-08-08T01:36:14.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-08-08T01:37:25.000Z (3 months ago)
• Last Synced: 2024-08-08T18:50:48.561Z (3 months ago)
• Topics: admin-dashboard, laravel, laravel-ecommerce, react, react-ecommerce, talwindcss
• Language: JavaScript
• Homepage: https://techshopecom.herokuapp.com
• Size: 465 KB
• Stars: 12
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 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.

![tech_ecommerce](https://user-images.githubusercontent.com/58397095/167276083-2b5504d1-3c2a-426c-a2c9-459573e10606.png)

![adminDashboard](https://user-images.githubusercontent.com/58397095/167276092-3fc8f602-aa80-4d31-977f-956e5bb0bf0c.PNG)

## 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

3. Migrate db: `php artisan migrate`

5. Install frontend dependencies: `cd client && npm install`

6. 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](http://localhost:3000) with your browser to see the result.

### Prerequisites

* **TECHSHOP** backend uses [Composer](https://getcomposer.org) to manage its dependencies. So, before using it, make sure you have Composer installed on your machine.

* [Node.js](https://nodejs.org) needs to be installed on your computer to manage the frontend dependencies.

* Install [XAMPP](https://www.apachefriends.org/index.html) 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](https://laravel.com/docs/8.x/) - The backend php framework used

* [React](https://reactjs.org/) - The frontend framework used

* [Redux](https://react-redux.js.org/) - State management

* [Laravel Sanctum](https://laravel.com/docs/8.x/sanctum) - Authentication system

* [Tailwind](https://tailwindcss.com/) - CSS framework

* [MySQL](https://www.mysql.com/) - Database

* [Amazon S3](https://aws.amazon.com/s3/) - Object storage

## Live Demo

* Click [HERE](https://techshopecom.herokuapp.com) for demo

* Admin => email: `[email protected]` | password: admin

* Client => email: `[email protected]` | password: client

## Author

[**Marwan Ahal**](https://www.soymarwan.com/)

## License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details