🚀 My Blog

This blog was created by Sina Zinsaz using React, Next.js, MUI, and TypeScript tools.

📁 Project Folder Structure

The project follows a clean and organized folder structure for better maintainability and readability.

MY-BLOG/
│
├── .next/ # Compiled output (Generated by Next.js)
├── node_modules/ # Dependencies installed via npm or yarn
├── public/ # Public assets
│ └── images/ # Folder for images
│ └── Resume.pdf # Example PDF file
│
├── src/ # Source code of the application
│ └── app/ # Main application directory
│ ├── components/ # Reusable components
│ │ ├── Body.tsx # Body component
│ │ ├── Footer.tsx # Footer component
│ │ └── Head.tsx # Head component
│ │
│ ├── styles/ # Global and modular CSS files
│ │ └── globals.css # Global styles
│ │
│ ├── favicon.ico # Favicon for the app
│ ├── layout.tsx # Layout component for wrapping pages
│ └── page.tsx # Main page component (default route)
│
├── .gitignore # Specifies files ignored by Git
├── eslint.config.mjs # ESLint configuration
├── next-env.d.ts # Next.js environment type declarations
├── next.config.js # Next.js configuration file
├── package.json # Project dependencies and scripts
├── package-lock.json # Lock file for package versions
├── README.md # Project documentation
└── tsconfig.json # TypeScript configuration file

🛠️ How to Use

Follow these steps to get started with the project:

1. Clone the project:
   git clone 
   cd MY-BLOG

2. Install dependencies:
   npm install

3. Run the project:
   npm run dev

4. Open in Browser:
   http://localhost:3000

💡 Technologies Used

🔹React
🔹Next.js
🔹Material-UI (MUI)
🔹TypeScript

✨ Features

🔹 Clean folder structure for scalability
🔹 Modular and reusable components
🔹 Type-safe with TypeScript
🔹 Responsive design using MUI

📬 Contact

For any questions or collaboration, reach out to Sina Zinsaz: 📧 Email: [[email protected]]

🌟 :)