Skip to content

Latest commit

 

History

History
122 lines (86 loc) · 2.84 KB

README.md

File metadata and controls

122 lines (86 loc) · 2.84 KB

Blog Website

Description

A full-stack blog platform built with React.js and Laravel. This project allows users to create, manage, and explore blog posts. It features a modern user interface powered by React.js and a robust backend managed with Laravel.

blog1

Features:

  • Dynamic Blog Content: Create, read, update, and delete blog posts.
  • Frontend Framework: Built with React.js for a responsive and dynamic user experience.
  • Backend Framework: Laravel ensures efficient API handling and database management.
  • Secure Data: Implements best practices to protect user data and ensure application security.

blog2

Demo

Coming soon: Live demo link will be available here! 🚀

Setup Guide

Backend Setup (Laravel)

  1. Navigate to the backend directory:

    cd blog-app-backend

  2. Install dependencies:

    composer install

  3. Configure environment variables:

    • Delete the existing .env file if it contains sensitive data.
    • Create a new .env file: 
      cp .env.example .env

  4. Set up the database:

    • Create a database in your DBMS (e.g., MySQL).
    • Update .env with your database credentials: 
      DB_CONNECTION=mysql  
DB_HOST=127.0.0.1  
DB_PORT=3306  
DB_DATABASE=your_database_name  
DB_USERNAME=your_username  
DB_PASSWORD=your_password

  5. Run migrations to create database tables:

    php artisan migrate

Frontend Setup (React.js)

  1. Navigate to the frontend directory:

    cd react-blog-frontend

  2. Install dependencies:

    npm install

  3. Start the development server:

    npm start

Install

Install all required dependencies by running the following commands in the respective directories:

Backend:

composer install

Frontend:

npm install

ENV

Set up the .env files for both frontend and backend. Example .env configurations are provided in frontend/.env.example and backend/.env.example.

Start Development

To run the project locally, start both servers:

Backend:

php artisan serve

Frontend:

npm start

Deployment

You can deploy the frontend on Netlify and the backend on services like AWS, Heroku, or any PHP-compatible server.

Languages & Tools

  • Laravel: Backend development.
  • React: Frontend framework.
  • Composer: Dependency management for PHP.
  • NPM: Package management for JavaScript.
  • MySQL: Database system for data management.