Skip to content

NalgondaLokesh/Project-Antelope

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

10 Commits
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Antelope - Design Collaboration Platform

A modern platform for designers to collaborate, iterate, and receive AI-powered feedback on their designs.


🌟 Live Demo

https://antelope.vercel.app


πŸ“Έ Screenshots / UI Preview

Homepage

Homepage Landing page with modern glassmorphic design and clear value proposition

Dashboard

Dashboard Clean overview of projects and recent activity with intuitive navigation

Project Repository

Project Repository Organized project workspace with version control and collaboration features

Profile & README

Profile README Public profile showcasing design portfolio and project contributions

Sign Up Page

Sign Up Clean and modern user registration interface

Creative Boost

Creative Boost 1 AI-powered creative variation suggestions for rapid exploration

Creative Boost 2
Additional creative boost output for alternative directions

UI Generation Feature

UI Generation AI-powered UI layout generation from text prompts


🎯 Project Overview / Problem Statement

While designers have great tools to create, collaboration, feedback, and iteration still feel scattered β€” spread across chats, screenshots, and multiple platforms. Antelope focuses on bringing structure and clarity to that workflow by centralizing design collaboration with intelligent AI assistance.

The Challenge

  • Design feedback scattered across multiple platforms
  • Lack of structured critique processes
  • Difficulty tracking design iterations
  • Inefficient collaboration across distributed teams
  • Manual accessibility and usability checks

Our Solution

Antelope creates a unified workspace where designers can upload artifacts, receive structured AI-powered critiques, collaborate with teammates, and maintain version control throughout the design process.


✨ Key Features

🏠 Glassmorphic Studio

  • Keep artifacts, notes, and AI output in one glass board
  • Fast previews with issue tracking and version history
  • Clean, modern interface for focused design work

πŸ€– AI Critique Engine

  • Run structured reviews for UX, UI polish, and accessibility
  • Actionable feedback delivered as crisp, organized cards
  • Multiple analysis dimensions: hierarchy, contrast, accessibility, flow

⚑ Creative Boost

  • Generate on-brand art direction variants
  • Explore design options quickly and ship with confidence
  • AI-powered creative suggestions based on existing designs

πŸ‘₯ Collaboration Features

  • Public & Private Profiles: Showcase your design portfolio
  • Project Repositories: Organized design spaces with granular permissions
  • Versioned Uploads: Track design iterations with full history
  • Team Collaboration: Invite teammates with role-based access (Owner, Editor, Viewer)
  • Organized Discussions: Threaded comments instead of messy feedback loops

🎨 UI Generation

  • AI-powered UI layout generation from text prompts
  • Export designs as images
  • Save and manage generated UI frames

πŸ” Access Control

  • Private/public project visibility
  • Secure invite links with expiration options
  • Role-based permissions (Owner, Editor, Viewer)

πŸ”„ System Workflow / How It Works

1. Project Setup

  • Create new design project (public or private)
  • Set up collaboration team with appropriate roles
  • Configure project visibility and access controls

2. Design Upload

  • Upload design artifacts (Figma frames, screenshots, PDFs)
  • Automatic thumbnail generation and version tracking
  • Organize assets within project workspace

3. AI Analysis

  • Run AI critique for comprehensive design review
  • Receive structured feedback on:
    • Visual hierarchy and layout
    • Color contrast and accessibility
    • UX flow and interaction patterns
    • Typography and spacing

4. Creative Enhancement

  • Use Creative Boost for design variations
  • Generate UI layouts from text descriptions
  • Explore multiple design directions quickly

5. Collaboration

  • Invite team members via secure links
  • Threaded discussions for focused feedback
  • Version control for design iterations
  • Real-time collaboration notifications

6. Export & Share

  • Export designs and feedback reports
  • Share project with stakeholders
  • Maintain design history and documentation

πŸ› οΈ Tech Stack

Frontend

  • React 18.3.1 - Modern UI framework
  • Vite - Fast development and build tool
  • Tailwind CSS - Utility-first styling
  • React Router DOM - Client-side routing
  • React Markdown - Rich text rendering
  • Axios - HTTP client for API calls
  • html-to-image - Design export functionality

Backend

  • Node.js - Server runtime
  • Express.js - Web framework
  • MongoDB with Mongoose - Database and ODM
  • Redis - High-performance caching layer
  • JWT - Authentication and authorization
  • Bcrypt - Password hashing
  • Cloudinary - Image storage and processing
  • Multer - File upload handling
  • Nodemailer - Email notifications

AI & Machine Learning

  • Google Generative AI - Vision analysis and text generation
  • Google ADK - Advanced AI development kit
  • Zod - Schema validation for AI responses
  • Custom AI Agents - Specialized critique and creative assistants

Infrastructure & DevOps

  • Docker - Containerization support
  • Redis Cloud - Managed caching service
  • Environment-based configuration - Multi-environment support

πŸ“ Project Structure (Frontend)

frontend/
β”œβ”€β”€ public/
β”‚   β”œβ”€β”€ favicon.jpg
β”‚   └── favicon.svg
β”œβ”€β”€ src/
β”‚   β”œβ”€β”€ components/           # Reusable UI components
β”‚   β”‚   β”œβ”€β”€ AIResponseCard.jsx
β”‚   β”‚   β”œβ”€β”€ AssetCard.jsx
β”‚   β”‚   β”œβ”€β”€ AuthCard.jsx
β”‚   β”‚   β”œβ”€β”€ Button.jsx
β”‚   β”‚   β”œβ”€β”€ CommentThread.jsx
β”‚   β”‚   β”œβ”€β”€ CreateProjectModal.jsx
β”‚   β”‚   β”œβ”€β”€ CreativeBoostModal.jsx
β”‚   β”‚   β”œβ”€β”€ FileUploader.jsx
β”‚   β”‚   β”œβ”€β”€ Input.jsx
β”‚   β”‚   β”œβ”€β”€ MarkdownRenderer.jsx
β”‚   β”‚   └── ProjectCard.jsx
β”‚   β”œβ”€β”€ hooks/               # Custom React hooks
β”‚   β”‚   └── useAuth.js
β”‚   β”œβ”€β”€ pages/               # Main application pages
β”‚   β”‚   β”œβ”€β”€ Admin.jsx
β”‚   β”‚   β”œβ”€β”€ AssetViewer.jsx
β”‚   β”‚   β”œβ”€β”€ Dashboard.jsx
β”‚   β”‚   β”œβ”€β”€ InviteJoin.jsx
β”‚   β”‚   β”œβ”€β”€ Landing.jsx
β”‚   β”‚   β”œβ”€β”€ Login.jsx
β”‚   β”‚   β”œβ”€β”€ Profile.jsx
β”‚   β”‚   β”œβ”€β”€ Project.jsx
β”‚   β”‚   β”œβ”€β”€ PublicProfile.jsx
β”‚   β”‚   β”œβ”€β”€ Signup.jsx
β”‚   β”‚   β”œβ”€β”€ UiGenerator.jsx
β”‚   β”‚   β”œβ”€β”€ UsernameProfile.jsx
β”‚   β”‚   └── VerifyOtp.jsx
β”‚   β”œβ”€β”€ utils/
β”‚   β”‚   └── apiBase.js
β”‚   β”œβ”€β”€ api/
β”‚   β”‚   β”œβ”€β”€ auth.js
β”‚   β”‚   └── index.js
β”‚   β”œβ”€β”€ App.jsx              # Main application component
β”‚   β”œβ”€β”€ index.css            # Global styles
β”‚   └── main.jsx             # Application entry point
β”œβ”€β”€ package.json
β”œβ”€β”€ tailwind.config.js
β”œβ”€β”€ vite.config.mjs
└── vercel.json              # Deployment configuration

πŸš€ Installation / Setup Instructions

Prerequisites

  • Node.js 16+ - JavaScript runtime
  • npm or yarn - Package manager
  • MongoDB - Database (local or cloud)
  • Redis - Caching service (local or Redis Cloud)

1. Clone Repository

git clone https://github.com/NalgondaLokesh/Antelope.git
cd Antelope

2. Frontend Setup

cd frontend
npm install

3. Backend Setup

cd ../backend
npm install

4. Environment Configuration

# Copy environment template
cp .env.example .env

# Edit .env with your credentials

Required Environment Variables:

# Database
MONGODB_URI=mongodb://localhost:27017/antelope

# Redis (for performance caching)
REDIS_URL=redis://localhost:6379
REDIS_CACHE_TTL=3600

# Authentication
JWT_SECRET=your-super-secret-jwt-key

# Email (optional)
SMTP_HOST=smtp.gmail.com
SMTP_PORT=587
SMTP_USER=your-email@gmail.com
SMTP_PASS=your-app-password

# Cloud Storage
CLOUDINARY_CLOUD_NAME=your-cloud-name
CLOUDINARY_API_KEY=your-api-key
CLOUDINARY_API_SECRET=your-api-secret

# AI Services
GOOGLE_AI_API_KEY=your-google-ai-api-key

# Frontend URL
FRONTEND_BASE_URL=http://localhost:5173

5. Start Development Servers

Backend:

cd backend
npm run dev
# Server runs on http://localhost:5000

Frontend:

cd frontend
npm run dev
# Application runs on http://localhost:5173

πŸ“– Usage Guide

Getting Started

  1. Create Account

    • Sign up with email or Google OAuth
    • Verify email address
    • Complete profile setup
  2. Create First Project

    • Click "New Project" on dashboard
    • Set project name and description
    • Choose visibility (public/private)
    • Invite team members if needed
  3. Upload Design Assets

    • Navigate to project workspace
    • Click "Upload" to add design files
    • Supported formats: Images, PDFs, Figma exports
    • Add version notes and descriptions
  4. Run AI Critique

    • Select uploaded asset
    • Click "Run Critique"
    • Wait for AI analysis (typically 10-30 seconds)
    • Review structured feedback cards
  5. Collaborate

    • Share project link with team members
    • Add comments and feedback
    • Track design iterations
    • Use Creative Boost for design variations

Advanced Features

  • UI Generation: Create UI layouts from text descriptions
  • Version Control: Maintain full history of design changes
  • Public Profiles: Showcase your design portfolio
  • Admin Dashboard: Manage users and system settings

🌐 Deployment Information

Frontend Deployment (Vercel)

cd frontend
npm run build
vercel --prod

Backend Deployment Options

Heroku:

heroku create antelope-backend
heroku config:set MONGODB_URI=your-mongodb-uri
heroku config:set REDIS_URL=your-redis-url
git push heroku main

AWS Elastic Beanstalk:

eb create antelope-production
eb deploy

Docker:

docker build -t antelope-backend .
docker run -p 5000:5000 antelope-backend

Environment Variables for Production

  • Use secure, production-ready values
  • Enable HTTPS for all endpoints
  • Configure proper CORS settings
  • Set up monitoring and logging

πŸ”’ Backend Notice

⚠️ Important: The backend source code and API endpoints are private and proprietary.

  • No public API documentation will be provided
  • Backend deployment details are confidential
  • Database schemas and AI implementation are proprietary
  • Rate limiting and security measures are enforced

For API access or partnership opportunities, please contact the development team directly.


⚠️ Disclaimer

This platform uses AI-powered design analysis and suggestions. While our AI systems are trained on design best practices and accessibility guidelines:

  • AI suggestions should be reviewed by human designers
  • Final design decisions remain the responsibility of the design team
  • Accessibility compliance should be verified with standard testing tools
  • No medical, legal, or financial advice is provided through this platform

The AI critique engine is a tool to enhance, not replace, professional design judgment.


πŸ‘₯ Author / Credits

Lead Developer: Nalgonda Lokesh

Co-Developer: Karthik

Contributions:

  • AI/ML integration and prompt engineering
  • Full-stack development and architecture
  • UI/UX design and implementation
  • Performance optimization with Redis caching

Special Thanks:

  • Google AI Platform for vision and text generation APIs
  • Redis for high-performance caching solutions
  • Cloudinary for image processing and storage
  • Open source community for the amazing tools and libraries

πŸ“„ License

Β© 2026 Antelope Design Platform

This project is proprietary software. All rights reserved.

  • Source Code: Private repository
  • Usage: By invitation only
  • Commercial Use: Requires explicit license
  • Redistribution: Not permitted without written consent

For licensing inquiries and partnership opportunities, please contact:


🀝 Contributing

While the source code is proprietary, we welcome:

  • Feedback and suggestions from our users
  • Bug reports and usability issues
  • Feature requests and improvement ideas
  • Partnership opportunities with design teams and agencies

Built with ❀️ for designers who believe in collaborative, intelligent design workflows.

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages