Skip to content

BasharST99/Mini_Blog

Repository files navigation

Mini Blog

A multilingual (LTR/RTL) blog built with Next.js 15, TypeScript, MUI, TailwindCSS, and React Query.
Supports dark/light mode, language switching, and mock API endpoints for development.


🚀 Features

  • Multi-language support (English / Arabic) with LTR & RTL layout.
  • Dark / Light mode with persistent preference.
  • Material UI + TailwindCSS for flexible styling.
  • React Query for data fetching and caching.
  • Mock posts API for local development.

📦 Installation

Clone the repository:

git clone https://github.com/YOUR-USERNAME/YOUR-REPO-NAME.git
cd YOUR-REPO-NAME

Install dependencies:

npm install

🏃‍♂️ Running the App

npm run dev

Open your browser and navigate to http://localhost:3000.

🌐 Language Switching

  • The app supports both English and Arabic.
  • You can switch languages by changing the URL path (e.g., /en for English, /ar for Arabic).

🌗 Dark/Light Mode

  • The app supports dark and light mode.
  • You can toggle between modes using the button in the top right corner.

🧪 Mock API

  • The app uses a mock API for posts.
  • The API is set up to return a list of posts in both languages.

About

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors