https://github.com/sina-zinsaz/my-blog

My Blog
https://github.com/sina-zinsaz/my-blog

mui next react ts

Last synced: 9 days ago
JSON representation

My Blog

• Host: GitHub
• URL: https://github.com/sina-zinsaz/my-blog
• Owner: sina-zinsaz
• Created: 2024-12-13T00:20:12.000Z (24 days ago)
• Default Branch: master
• Last Pushed: 2024-12-28T10:45:20.000Z (9 days ago)
• Last Synced: 2024-12-28T11:26:11.623Z (9 days ago)
• Topics: mui, next, react, ts
• Language: TypeScript
• Homepage: https://my-blog-ten-ebon.vercel.app
• Size: 451 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 🚀 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]]

🌟 :)