FakeEye Frontend

URL : https://fakeeye.vercel.app/

FakeEye is an AI-powered platform for detecting fraudulent images, videos, and audio generated by modern generative AI.
The project aims to helps reduce cybercrime and misinformation by enabling users to distinguish between real content and AI-generated content.

This repository contains the frontend implementation of the FakeEye platform.

---

🎨 Design Reference

The original project design is available on Figma:
View Design

---

🛠 Tech Stack

• React with TypeScript - UI framework with type safety
• Vite - Build tool and dev server
• Tailwind CSS - Utility-first CSS framework
• Node.js - Runtime environment
• npm - Package manager

---

🚀 Getting Started

Prerequisites

• Node.js (v14 or higher)
• npm (v6 or higher)

Installation

1. Clone the repository

   git clone https://github.com/FakeEye-AI/fakeeye-frontend.git
   cd fakeeye-frontend

2. Install dependencies

   npm install

or

   npm i

3. Start the development server

   npm run dev

The application should now be running on http://localhost:5173 (or the port shown in your terminal).

---

📁 Project Structure

fakeeye-frontend/
├── src/
│   ├── api/              # API integration and services
│   ├── assets/           # Images, icons, and static files
│   ├── components/       # Reusable UI components
│   ├── context/          # React Context for state management
│   ├── guidelines/       # Project guidelines and documentation
│   ├── pages/            # Page components/routes
│   ├── routes/           # Routing configuration
│   ├── styles/           # Global styles and CSS
│   ├── App.tsx           # Main app component
│   ├── main.tsx          # Application entry point
│   ├── index.css         # Global CSS
│   └── Attributions      # Third-party attributions
├── public/               # Static files
├── .gitignore            # Git ignore rules
├── package.json          # Dependencies and scripts
├── package-lock.json     # Locked dependency versions
├── tailwind.config.js    # Tailwind CSS configuration
├── tsconfig.json         # TypeScript configuration
├── vite.config.ts        # Vite configuration
└── README.md             # Project documentation

---

🔧 Available Scripts

• npm run dev - Start development server
• npm run build - Build for production
• npm run preview - Preview production build
• npm run lint - Run linter (if configured)

---

🌟 Features

• Multi-format Detection - Analyze images, videos, and audio files
• AI-Powered Analysis - Advanced detection algorithms
• User-Friendly Interface - Intuitive design for easy navigation
• Real-time Results - Quick processing and feedback

---

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

---

📄 License

This project is licensed under a proprietary license. See the LICENSE file for details.

---

👥 Authors

• Nattawat Ruensumrit - CEO & Product Owner / AI Engineer / Frontend Developer
• Nithiwat Buaprommee - Software Engineer
• Patihan Prasongphol - Full Stack Developer
• Pakkawat Kaolim - AI Engineer & Cyber Security

---

🔗 Links

• Backend Repository
• Live Demo
• Documentation

---

📞 Support

For support, email nattawat140947@gmail.com or open an issue in this repository.