Skip to content

aerojosue/trieria-front

Repository files navigation

Trieria - Web Traffic Analysis Tool

A comprehensive web traffic analysis platform similar to SimilarWeb, built with Vue.js and Python FastAPI. Trieria helps businesses understand their website performance, capture leads, and integrate with Odoo CRM.

🚀 Features

  • Modern Landing Page: Beautiful, responsive design with URL analysis capability
  • Lead Capture: Comprehensive form with validation and reCAPTCHA
  • Loading Animation: Engaging loading screen with analysis progress
  • Analytics Dashboard: Mock data visualization with charts and metrics
  • Multilingual Support: Spanish and English language support
  • Backend API: FastAPI backend with Odoo integration ready
  • Responsive Design: Mobile-first approach with modern UI/UX

🛠️ Tech Stack

Frontend

  • Vue.js 3 with Composition API
  • TypeScript
  • Vite
  • Vue Router
  • Pinia (State Management)
  • Vue i18n (Internationalization)
  • Chart.js (Data Visualization)
  • Axios (HTTP Client)

Backend

  • Python FastAPI
  • Pydantic (Data Validation)
  • Uvicorn (ASGI Server)
  • Odoo Integration Ready

🎨 Design System

  • Colors: Deep blue background (#1a1b23), green accent (#00d4aa), blue accent (#4f46e5)
  • Typography: Inter font family with modern weights
  • Layout: Responsive grid system with mobile-first approach
  • Animations: Smooth transitions and loading states

🚦 Getting Started

Prerequisites

  • Node.js 18+
  • Python 3.8+
  • pip package manager

Installation

  1. Clone the repository
git clone <repository-url>
cd trieria
  1. Install frontend dependencies
npm install
  1. Install backend dependencies
cd backend
pip install -r requirements.txt
  1. Start the development servers

Frontend:

npm run dev

Backend (in another terminal):

npm run start:backend

The application will be available at:

🔧 Configuration

Environment Variables

Create a .env file in the backend directory:

ODOO_URL=https://your-odoo-instance.com
ODOO_API_KEY=your-api-key
ODOO_DATABASE=your-database-name

Odoo Integration

To integrate with Odoo CRM, update the submit_lead function in backend/main.py with your Odoo API credentials and endpoints.

📊 Mock Data

The application includes comprehensive mock data for:

  • Website traffic analytics
  • Keyword analysis
  • Traffic sources
  • Ranking metrics
  • User behavior data

🌐 Internationalization

The app supports:

  • Spanish (default)
  • English
  • Easy addition of new languages through Vue i18n

🎯 Future Enhancements

  • Real SEO API integration (SEMrush, Ahrefs)
  • OpenAI integration for AI insights
  • WhatsApp integration for lead follow-up
  • Email automation
  • Database integration for lead storage
  • Advanced analytics and reporting
  • User authentication and accounts

🤝 Contributing

  1. Fork the repository
  2. Create a feature branch
  3. Commit your changes
  4. Push to the branch
  5. Create a Pull Request

📝 License

This project is licensed under the MIT License - see the LICENSE file for details.

🆘 Support

For support, please contact the development team or create an issue in the repository.


Built with ❤️ for modern web analytics and lead generation.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors