MultiMian-Studio

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