Back to Projects

Selected Work

Horse Stable Website, CMS Dashboard & AI Translation

A modern website for a horse stable featuring horse showcases, services, events and a blog, with a custom management dashboard for managing website content and an AI-powered automatic translation system using the Gemini API.

Tech Stack

React TypeScript Next.js Tailwind CSS Gemini API AI CMS Dashboard Blog Multilingual Website Automatic Translation Responsive Design Horse Website

A complete digital platform developed for a professional horse stable, combining a premium public-facing website with a custom content management dashboard. The website presents the stable, horses, services, activities, facilities and other information in a visually engaging experience, while the integrated blog allows the team to publish and manage articles and updates. A custom admin dashboard was developed to give the team full control over the website content, including horses, services, blog articles, images and other dynamic sections. One of the key features is the AI-powered automatic translation system integrated with the dashboard using the Gemini API. When new content is added or updated in the dashboard, the system can automatically generate translated versions, reducing the need for manual translation and making multilingual content management much faster.

My Tasks

  • Designed and developed the horse stable website
  • Created the homepage and stable presentation sections
  • Developed horse and facility showcase sections
  • Created services and activities sections
  • Developed the blog and article presentation system
  • Built a custom content management dashboard
  • Implemented dynamic content management
  • Implemented horse/product/content CRUD operations
  • Added blog article creation and management
  • Implemented image management through the dashboard
  • Developed multilingual content management
  • Integrated Gemini API for AI-powered translation
  • Implemented automatic translation of newly added content
  • Implemented automatic translation when existing content is updated
  • Connected translated content with the public website
  • Built reusable React and Next.js components
  • Created responsive layouts for desktop, tablet and mobile
  • Designed an intuitive dashboard experience for content managers
  • Tested multilingual content workflows and responsive interfaces

What I Learned

  • Improved my Next.js and React development skills
  • Strengthened my TypeScript and component architecture skills
  • Learned how to build a complete custom CMS
  • Improved my understanding of dynamic content management
  • Gained experience building dashboard interfaces
  • Learned how to integrate Gemini API into a real-world application
  • Learned how to implement AI-powered automatic translation
  • Improved my understanding of multilingual website architecture
  • Learned how to synchronize dashboard content with a public website
  • Improved my experience with CRUD operations and API integration
  • Strengthened my responsive UI and UX development skills
  • Learned how AI can automate repetitive content management workflows

Project Info

Type
Project
Technologies
13
Tasks
19
Learnings
12