📷 New Instagram Clone

A training front-end application that replicates core Instagram features using Vue 3, Vuetify 3, and Ionic Capacitor.

---

📸 Screenshots

Home Screen	Search Screen	Account Screen

---

✨ Key Features

• Modern UI with Vue 3 & Vuetify 3
• State Management using Pinia
• Routing powered by Vue Router
• Fast Tooling with Vite & Auto Imports
• Cross-Platform Development via Ionic Capacitor

---

💿 Installation

Install dependencies with your preferred package manager:

# Yarn
yarn install

# npm
npm install

# pnpm
pnpm install

# Bun
bun install

---

🏃‍♂️ Development

🔧 Start Development Server

yarn dev # or npm run dev, pnpm dev, bun dev

Access the app at http://localhost:3000

📦 Production Build

yarn build # or npm run build, pnpm build, bun build

---

📂 Project Structure

src/
├── assets/        # Images and global styles
├── components/    # Reusable Vue components
├── layouts/       # Application layouts
├── pages/         # Route components
├── plugins/       # Vue plugins and configurations (Pinia, Router)
└── main.js        # App bootstrap (Vue + Vuetify + Ionic)

---

🎨 Theming & Styling

• Vuetify Theme configured in src/plugins/vuetify.js
• Global styles in `src/assets/styles/

---

🔌 Scripts

Command	Description
yarn dev	Start development server
yarn build	Build for production
yarn serve	Preview production build
yarn lint	Run ESLint
yarn format	Format code with Prettier

---

⚙️ Environment Variables

Create a .env file at project root with:

VITE_API_URL=http://localhost:8000/api

---

🛡️ License

MIT © Luiz Gabriel Mahalhães Trindade