AI Agent Website Prototype in Next.js
Budget: $30 – $250 USD
I'm seeking an experienced Full-Stack Developer to create a clean, modular prototype for a simple **AI agent website** using **Next.js (App Router preferred)** + **Tailwind CSS** (frontend) and a minimal mock **Node.js** backend (Express or Next.js API routes).
This is a fast starter project with static/mock data only. Strong focus on well-organized, extensible code so a real backend (agent APIs, auth, data) can be added later with minimal refactoring.
**Timeline:**
3-4 working days (quick start and completion required – please confirm availability)
**Scope:**
- Left sidebar: Home | Agents | Tasks | History (or similar – minor name tweaks welcome)
- Main content area switches to simple placeholder views per tab
- Top-left logo/icon cycles through tabs in order (Home → Agents → Tasks → History → loop)
- Match modern/clean AI/tech style and colors from the attached reference image (dark/light mode friendly preferred)
**Home Tab:**
- Section e.g. “Recent Agents” or “Quick Actions” – 3–5 dummy cards (name, description, status placeholder)
- Mock dashboard/play area with static selected agent/task list (e.g. steps, outputs, or chat-style placeholders)
**Other Tabs:**
- Agents / Tasks / History: each with title + 4–6 dummy cards/rows (static text, icons, placeholders)
**Login Modal + Mock Auth:**
- Simple modal: email + password + submit
- POST to mock endpoint (/api/login) returns dummy user object
- In-memory logged-in/logged-out state toggle only (e.g. show username, hide login button, small UI changes) – no persistence on refresh
**Deliverables:**
- Next.js + Tailwind frontend (responsive, clean components/hooks/services)
- Modular structure (easy to swap mocks for real APIs later)
- Minimal Node.js mock backend with /api/login route
- Full source code in a **Git repository** (clean commits, .gitignore, logical folders)
- Short README.md: install, run frontend + backend, structure/extension notes
**Required Skills (highlight in your proposal):**
Next.js, React, Tailwind CSS, JavaScript/TypeScript, Node.js, Git
**Please include in your bid:**
- Next.js + Tailwind experience (years/projects)
- Links to similar clean UI/prototype repos (GitHub) or screenshots
- Confirmation you can start soon and finish in 3-4 working days
- Fixed bid / rate for the full scope
Looking for someone who delivers high-quality, maintainable code even on quick prototypes. Serious bids only – excited to collaborate!
This is a fast starter project with static/mock data only. Strong focus on well-organized, extensible code so a real backend (agent APIs, auth, data) can be added later with minimal refactoring.
**Timeline:**
3-4 working days (quick start and completion required – please confirm availability)
**Scope:**
- Left sidebar: Home | Agents | Tasks | History (or similar – minor name tweaks welcome)
- Main content area switches to simple placeholder views per tab
- Top-left logo/icon cycles through tabs in order (Home → Agents → Tasks → History → loop)
- Match modern/clean AI/tech style and colors from the attached reference image (dark/light mode friendly preferred)
**Home Tab:**
- Section e.g. “Recent Agents” or “Quick Actions” – 3–5 dummy cards (name, description, status placeholder)
- Mock dashboard/play area with static selected agent/task list (e.g. steps, outputs, or chat-style placeholders)
**Other Tabs:**
- Agents / Tasks / History: each with title + 4–6 dummy cards/rows (static text, icons, placeholders)
**Login Modal + Mock Auth:**
- Simple modal: email + password + submit
- POST to mock endpoint (/api/login) returns dummy user object
- In-memory logged-in/logged-out state toggle only (e.g. show username, hide login button, small UI changes) – no persistence on refresh
**Deliverables:**
- Next.js + Tailwind frontend (responsive, clean components/hooks/services)
- Modular structure (easy to swap mocks for real APIs later)
- Minimal Node.js mock backend with /api/login route
- Full source code in a **Git repository** (clean commits, .gitignore, logical folders)
- Short README.md: install, run frontend + backend, structure/extension notes
**Required Skills (highlight in your proposal):**
Next.js, React, Tailwind CSS, JavaScript/TypeScript, Node.js, Git
**Please include in your bid:**
- Next.js + Tailwind experience (years/projects)
- Links to similar clean UI/prototype repos (GitHub) or screenshots
- Confirmation you can start soon and finish in 3-4 working days
- Fixed bid / rate for the full scope
Looking for someone who delivers high-quality, maintainable code even on quick prototypes. Serious bids only – excited to collaborate!
Related categories:
PHP
JavaScript
Website Design
Graphic Design
Agile Development
Node.js
Frontend Development
GitHub
API Development
Next.js