🧬 Replion – Frontend

Replion is a modern web platform designed to provide AI-powered automation and workflow tools.
This repository contains the frontend codebase built with a clean, scalable architecture and a focus on performance, UI consistency, and developer experience.

---

🚀 Tech Stack

• Next.js – App Router, Server Components
• React – Component-based UI
• Tailwind CSS – Utility-first styling
• ShadCN UI – Prebuilt, accessible components
• TypeScript – Type safety
• Axios / Fetch – API communication
• Vercel – Deployment (optional)

---

📂 Project Structure

src/
├── app/
│ ├── layout.tsx
│ ├── page.tsx
│ └── (routes)/
├── components/
│ ├── ui/ # Shared UI components (shadcn)
│ └── custom/ # Project-specific components
├── lib/
│ ├── utils.ts
│ └── config.ts
├── hooks/
├── styles/
├── public/
└── types/

---

🛠️ Features

• Responsive, modern UI with Tailwind
• Reusable & scalable component structure
• API-ready frontend (connects easily to backend services)
• Environment-based configuration
• Accessible design using shadcn/ui
• Optimized for performance and SEO

---

⚙️ Installation & Setup

1. Clone the repository

git clone https://github.com/your-username/replion-frontend.git
cd replion-frontend

2. Install dependencies

npm install
# or
yarn install

3. Add environment variables

NEXT_PUBLIC_BACKEND_URL="http://localhost:5000"

4. Run the development server

npm run dev

---

🧪 Build & Deployment

Build

npm run build

Start production

npm start

Deploy Options

- Vercel (recommended)
- Netlify
- Any Node.js hosting with Next.js support

---

📄 License

This project is licensed under the MIT License (or update based on your needs).

---

⭐ Support

If you find Replion useful, leave a ⭐ on the repository and share it with others!