MultiMian-Studio is a modern full-stack development portfolio showcasing interactive, scalable, and visually engaging web applications. It features responsive layouts, smooth animations with Framer Motion, and a clean, user-friendly interface built with Next.js, React, and TailwindCSS.
This project demonstrates a complete front-to-back web application workflow, including:
Modern portfolio sections with project showcases
Interactive hero sections with animations
Responsive service cards and CTA banners
Fully typed with TypeScript
Easy deployment to GitHub Pages
Features
🚀 Next.js & React for a fast, modern frontend
💻 TypeScript for type-safe development
🎨 TailwindCSS for responsive and customizable styling
⚡ Framer Motion for smooth animations and transitions
🌐 Fully responsive design for desktop, tablet, and mobile
📂 Clean folder structure for scalability
📄 Ready-to-use portfolio sections, services, contact, and testimonials pages
live Preview
Installation & Setup
Clone the repository:
git clone https://github.com/Mianhassam96/MultiMian-Studio.git
cd MultiMian-Studio
Install dependencies:
npm install
Run the development server:
npm run dev
Open your browser and visit http://localhost:3000
Building & Deployment
Build the project:
npm run build
Start production server:
npm start
GitHub Pages Deployment
To deploy on GitHub Pages, install gh-pages:
npm install --save-dev gh-pages
Add the following scripts to your package.json:
“scripts”: {
“predeploy”: “next build && next export”,
“deploy”: “gh-pages -d out”
}
Deploy to GitHub Pages:
npm run deploy
https://github.com/Mianhassam96/MultiMian-Studio/
Technologies Used
Frontend: Next.js, React, TailwindCSS, Framer Motion
Languages: TypeScript, JavaScript
Build & Deployment: Node.js, npm, GitHub Pages
Contributing
Contributions are welcome! Feel free to open issues or submit pull requests.
License
This project is licensed under the MIT License.
Contact
Mian Hassam
GitHub: @Mianhassam96
Email: [email protected]
评论