Steps
1. Download Source Code
2. Extract Laravel Source code using WinRAR
3. Download the Laragon Desktop Application
4. Copy Laravel Code to the www directory inside Laragon
5. Create a Database using Laragon and copy the default db file
provided under the Laravel directory
6. Update the Laravel env file and change the Database name
7. Start Laragon and see the blog
8. Extract React Directory
9. Open code inside VS Code
10. Open terminal and run command 'npm install'
11. Update env file and change URL path according to Laravel
12. Login using
Username: praveen@trcikuweb.com
Password: 12345678
13. Post a new blog
14. Now you can see the latest blog on Laravel URL
Designed for responsiveness and security, this blog includes advanced features such as Sanctum authentication, a powerful search function, and automated sitemap generation for SEO optimization. The admin panel, developed in React JS, provides an intuitive and dynamic interface for managing content.
Features1. Responsive Blog
2. Authentication using Sanctum
3. With Search Feature
4. With Automated Sitemap Generating Feature
5. Admin Panel Developed in React JS
The default SignIn for the React Admin Panel is
Username: praveen@trickuweb.com
Password: 12345678Sample database is provided inside Laravel directory
Here is the Laravel Framework and PHP Details:
"require": {
"php": "^8.1",
"guzzlehttp/guzzle": "^7.2",
"intervention/image": "^2.7",
"laravel/framework": "^10.0",
"laravel/sanctum": "^3.2",
"laravel/tinker": "^2.8",
"maatwebsite/excel": "3.1.48",
"spatie/laravel-sitemap": "^6.3"
},
Here is the React JS Package Dependencies Details:
"dependencies": {
"@emotion/react": "^11.10.5",
"@emotion/styled": "^11.10.5",
"@mui/icons-material": "^5.10.16",
"@mui/material": "^5.10.16",
"@testing-library/jest-dom": "^5.16.5",
"@testing-library/react": "^13.4.0",
"@testing-library/user-event": "^13.5.0",
"axios": "^1.2.4",
"install": "^0.13.0",
"jodit-react": "^1.3.39",
"moment": "^2.29.4",
"react": "^18.2.0",
"react-countup": "^6.4.2",
"react-dom": "^18.2.0",
"react-hook-form": "^7.43.9",
"react-icons": "^4.7.1",
"react-moment": "^1.1.3",
"react-router-dom": "^6.4.4",
"react-scripts": "^5.0.1",
"react-toastify": "^9.1.1",
"sweetalert2": "^11.7.1",
"web-vitals": "^2.1.4",
"zustand": "^4.1.5"
},
