Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/sumon766/laravel-react-auth


https://github.com/sumon766/laravel-react-auth

Last synced: about 1 month ago
JSON representation

Awesome Lists containing this project

README

        

# 📗 Table of Contents

- [📖 About the Project](#about-project)
- [🛠 Built With](#built-with)
- [Tech Stack](#tech-stack)
- [Key Features](#key-features)
- [💻 Getting Started](#getting-started)
- [Prerequisites](#prerequisites)
- [Setup](#setup)
- [Install](#install)
- [Usage](#usage)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🙏 Acknowledgements](#acknowledgements)

# 📖 Laravel React Auth with Sanctum

**Laravel-React-Auth** is a project created using laravel as backend and react as frontend where a general authentication system is implemented using API. A user can authenticate him/her self through the frontend React and login to the authorized access area with the help of Access Token.

## 🛠 Built With

### Tech Stack

Client

Server

Database

Authentication package

### Key Features

- **React based frontend**
- **Laravel based backend**
- **Laravel Sanctum for API based authentication**

(back to top)

## 💻 Getting Started

To get a local copy up and running, follow these steps.

### Prerequisites

In order to run this project you need:

Example command:

```sh
npm install
```

### Setup

Clone this repository to your desired folder:

Example commands:

```sh
cd my-folder
git clone https://github.com/sumon766/laravel-react-auth.git
```

### Install

Install this project with:

Example command:

```sh
cd my-project/react-auth
npm install
```

### Usage

To run the project, put the project in your desired server (Xampp/Wamp) and create a MySQL database. After that edit the .env file from the root of the project directory. After setting the server and editing database details in .env, run the following command:

Example command:

```sh
php artisan migrate
```

### Run the project

To run the project, open command prompt/terminal from the root of your project and run:

Example:

```sh
php artisan server
```

And, go to react-auth directory and open another terminal and run:

```sh
npm run dev
```

Now, go to any browser and open the link:

```sh
localhost:3000
```

(back to top)

## 👥 Authors

👤 **MD Mursedul Islam**

- GitHub: [@githubhandle](https://github.com/sumon766)
- Twitter: [@twitterhandle](https://twitter.com/sumon766)
- LinkedIn: [LinkedIn](https://linkedin.com/in/sumon766)

(back to top)

## 🔭 Future Features

- [ ] **Design the frontend stunningly**
- [ ] **List of users**
- [ ] **Add post and edit them as needed**

(back to top)