<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Syed Daanish</title>
    <description>The latest articles on DEV Community by Syed Daanish (@sixzix).</description>
    <link>https://dev.to/sixzix</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F2295590%2F6675a877-82f3-4f70-8246-463af52b8bda.png</url>
      <title>DEV Community: Syed Daanish</title>
      <link>https://dev.to/sixzix</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/sixzix"/>
    <language>en</language>
    <item>
      <title>CineCue - A seamless localization demo with RoR.</title>
      <dc:creator>Syed Daanish</dc:creator>
      <pubDate>Mon, 28 Oct 2024 17:52:08 +0000</pubDate>
      <link>https://dev.to/sixzix/cinecue-a-seamless-localization-demo-with-ror-360j</link>
      <guid>https://dev.to/sixzix/cinecue-a-seamless-localization-demo-with-ror-360j</guid>
      <description>&lt;h1&gt;
  
  
  CineCue
&lt;/h1&gt;

&lt;p&gt;CineCue is a demo Ruby on Rails web app that lets you explore movies by genre in multiple languages, all powered by &lt;a href="https://tolgee.io/" rel="noopener noreferrer"&gt;Tolgee&lt;/a&gt; for seamless localization.&lt;/p&gt;

&lt;p&gt;Nowadays, even with such advanced globalization we encounter a problem in distributing software across the globe - &lt;em&gt;localization&lt;/em&gt; - As people from around the world speak different languages we need to create software that can be easily translated to increase our reach.&lt;/p&gt;

&lt;p&gt;One of the best tools for this type of localization across multiple domains - web development, mobile application development, etc. - is tolgee.&lt;/p&gt;

&lt;p&gt;This project is based on tolgee and is a demo for seamless localization with tolgee.&lt;/p&gt;

&lt;h2&gt;
  
  
  Screenshots
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F449aaytuayc1numqa9uc.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F449aaytuayc1numqa9uc.png" alt="Image description" width="800" height="555"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fqlq0mntjw0zmbz4lcujt.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fqlq0mntjw0zmbz4lcujt.png" alt="Image description" width="800" height="596"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fhgqpgcvcgq9z0skybt5r.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fhgqpgcvcgq9z0skybt5r.png" alt="Image description" width="800" height="268"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Features
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Localized Movie Search&lt;/strong&gt;: Find the perfect movie for any mood in one of seven languages: English, Turkish, Spanish, French, Arabic, Hindi, and Urdu.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Genre-Based Recommendations&lt;/strong&gt;: Search and filter movies by genre for quick and relevant suggestions.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Tolgee Integration&lt;/strong&gt;: Provides real-time localization, making CineCue accessible for global users.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;User-Friendly Interface&lt;/strong&gt;: Clean, responsive, and intuitive design for easy browsing.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Dynamic Content Updates&lt;/strong&gt;: The latest movies and recommendations, refreshed for a tailored experience every time using the &lt;a href="https://themoviedb.org/" rel="noopener noreferrer"&gt;TMDb&lt;/a&gt; API.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Technologies Used
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Ruby on Rails&lt;/strong&gt;: The backbone of CineCue, enabling robust and scalable application development.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Tolgee&lt;/strong&gt;: Open-source localization framework for streamlined translations and multi-language support.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;TMDb API&lt;/strong&gt;: Provides the latest movie data, enabling real-time genre-based recommendations and up-to-date information.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Installation
&lt;/h2&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Clone the Repository&lt;/strong&gt;: clone the tolgee repo and see the demo under the folder &lt;code&gt;demos/CineCue&lt;/code&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Install Dependancies&lt;/strong&gt;:&lt;br&gt;
&lt;/p&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;bundle &lt;span class="nb"&gt;install&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Set Up TMDb API Key&lt;/strong&gt;:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Sign up for an API key on &lt;a href="https://themoviedb.org/" rel="noopener noreferrer"&gt;The Movie Database (TMDb)&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;Add the API key to the &lt;code&gt;app/controllers/movies_controller.rb&lt;/code&gt; file in the &lt;code&gt;@@api_key&lt;/code&gt; variable on the 6ᵗʰ line.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Set Up Tolgee API Key&lt;/strong&gt;:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Sign up for an API key on &lt;a href="https://tolgee.io/" rel="noopener noreferrer"&gt;tolgee.io&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Start a new project and upload the &lt;code&gt;.json&lt;/code&gt; files from the folder &lt;code&gt;tolgee-json&lt;/code&gt; into the project.&lt;/li&gt;
&lt;li&gt;Add the API key to the &lt;code&gt;app/controllers/application_controller.rb&lt;/code&gt; file in the &lt;code&gt;api_key&lt;/code&gt; variable on the 11ᵗʰ line.&lt;/li&gt;
&lt;li&gt;Add the Project ID to the &lt;code&gt;app/controllers/application_controller.rb&lt;/code&gt; file in the &lt;code&gt;project_id&lt;/code&gt; variable on the 12ᵗʰ line.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Migrate Database&lt;/strong&gt;:&lt;br&gt;
&lt;/p&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;rails db:migrate
&lt;/code&gt;&lt;/pre&gt;

&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Run the App&lt;/strong&gt;:&lt;br&gt;
&lt;/p&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;rails server
&lt;/code&gt;&lt;/pre&gt;

&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Access the App&lt;/strong&gt;:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Open &lt;a href="http://localhost:8080/" rel="noopener noreferrer"&gt;http://localhost:8080/&lt;/a&gt; in your browser to start using CineCue!&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ol&gt;




&lt;p&gt;PS: This is my first time working with open source projects and writing an article related to programming so I am open to being corrected if I could do anything better.&lt;/p&gt;

&lt;p&gt;PS: check out my website (personal portfolio) at &lt;a href="https://sixzix.com/" rel="noopener noreferrer"&gt;sixzix.com&lt;/a&gt;&lt;/p&gt;

</description>
    </item>
  </channel>
</rss>
