DevJourney is a modern full-stack blogging application built with React (frontend) and Laravel (backend). It features a clean and responsive UI powered by Tailwind CSS, dynamic routing with React Router, and RESTful API integration for managing blog posts.
- Dynamic Blog List: Display a list of blogs with filtering options (`Latest`, `Popular`, `All`).
- Blog Details Page: View detailed content for individual blog posts.
- Dark Mode: Toggle between light and dark themes for better accessibility.
- Responsive Design: Fully responsive layout using Tailwind CSS.
- Search Functionality: Search for blogs by title or keywords (coming soon).
- Frontend Routing: Seamless navigation using React Router.
- RESTful API Integration: Fetch and display blog data from a Laravel backend.
- React: JavaScript library for building user interfaces.
- React Router: For client-side routing.
- Tailwind CSS: Utility-first CSS framework for styling.
- Axios/Fetch API: For making API calls to the Laravel backend.
- Laravel: PHP framework for building the RESTful API.
- MySQL: Database for storing blog posts and other data.
- Vite: For compiling assets (CSS, JS).
- Node.js (v18 or higher)
- PHP (v8.4 or higher)
- Composer (for Laravel dependencies)
- MySQL (or any compatible database)
git clone https://github.com/your-username/devjourney.git
cd devjourney
composer install
cp .env.example .env
php artisan key:generate
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=devjourney
DB_USERNAME=root
DB_PASSWORD=
php artisan migrate --seed
Navigate to the `resources/js` directory and install Node.js dependencies:
npm install
npm run dev
php artisan serve
The app will be available at `http://localhost:8000`.
This project is licensed under the MIT License. See the LICENSE file for details.
For questions or feedback, feel free to reach out:
- Email: iamj.nayem@gmail.com
- Github