BLog React-Laravel Application

Table of Contents

• Assignment
• Tech Stack
• Platforms
• Development
• Developer
• Screenshots

Assignment

To develop the below features by using React.js, Laravel, MySOL and deploy it on a server (preferable AWS).

Live Url : https://referroute.herokuapp.com/

Test Accounts :

1. Email : [email protected] , Password : admin09
2. Email : [email protected] , Password : 123456

Feature List:

• (1) Login
• (2) Sign up
• (3) Edit Profile:
  • Exact Location (Google places API) (*Note : Currently storing location as a string only)
• (3) Profile View
• (4) New Post
• (4) Post view
• (4) Like Button
• (5) Make sure when a user makes a post the other user can see it.

Addition Features Added

• Edit Post
• Delete Post
• Advance Editor for post content (ckeditor)
• Image Upload for Post
• Pagination for Posts

TechStack

• Laravel
• React
• Redux
• MySQL

Platforms

• Heroku (For Hosting)
• db4free.net (For MYSQL host)

Development

Clone the repository. Do the following steps to get it up and running:

1. Set your db configuration in .env
2. composer install
3. npm install
4. php artisan migrate
5. npm run watch *(To start React frontend)
6. php artisan serve *(To start Laravel backend api)

You can access the application at http://127.0.0.1:8000/

*For react production build - execute npm run prod

API

(*) represents routes which requires authorization header as - Bearer

Routes	Method	Description
api/login	POST	Login route.
api/logout	GET	User Logout.
api/register	POST	User registeration.
api/check-auth	GET	Authenticate user.
api/profile	GET	Get user profile.
api/profile/update	POST	Update user profile.
api/posts?page=	GET	List all posts. (Returns 10 items per page with pagination data )
api/posts/:id	GET	Get post by id.
api/posts	POST	Create new post.
api/posts/likes	POST	Like post by id.
api/posts/:id	PUT	Edit post by id.
*api/posts/:id	DELETE	Delete post by id.

Developer

Screenshots