Git Product home page Git Product logo

laravel-react-mysql-blog-starter's Introduction

BLog React-Laravel Application

Table of Contents

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

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

image
LinkedIn Portfolio

Screenshots

ss ss ss ss ss ss ss

laravel-react-mysql-blog-starter's People

Contributors

smithg09 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.