Meoweler is an innovative, AI-generated travel website that provides bite-sized information about cities around the world, currently focusing on cities with a population of over 100,000.
What Meoweler Does
Meoweler is designed to offer a unique and engaging way to explore cities, using a combination of AI-generated content and stylish, cat-themed illustrations. The website aims to provide an entertaining and informative experience, even though it may not be fully optimized for practical tourist use at its current stage.
Key Features and Functionality
Content Generation
- Meoweler uses an AI pipeline, powered by GPT-4, to generate content for each city. This involves a template prompt that ensures consistent and engaging descriptions.
Image Generation
- All images on the site are generated by Midjourney, using a specific prompt that includes elements like vibrant colors, cats, and surreal landmarks. This process, although manual due to the lack of an API, adds a distinctive visual appeal to the site.
User-Facing Website
- The website is built using Svelte, a JavaScript framework, which allows for efficient and dynamic content rendering. The site features high-fidelity designs for both desktop and mobile, ensuring a smooth user experience.
URL Routing and Navigation
- Meoweler uses a structured URL routing system (`/routes//`) to organize city pages. For shorter URLs, the country name is abbreviated to the first three characters and the last character (e.g., `meoweler.com/gery/berlin` for Berlin).
Interactive Components
- The site includes interactive cards that expand and collapse on click, providing more detailed information about each city. This feature ensures that the expanded content is always fully visible, even when the user is scrolled down.
Search Functionality
- Meoweler features a fast and efficient search function that filters through a client-side stored JSON file containing city names, countries, and population data. This approach avoids the need for a database and ensures quick results.
Data Storage and Retrieval
- Content is temporarily stored in MongoDB, but any data holder could be used since the data does not change frequently and is relatively small. Additional content is pre-fetched on mouse hover to enhance the user experience.
Future Development
- While Meoweler is currently more of a fun project than a practical travel resource, plans are in place to expand its usefulness by adding areas such as national parks, countries, and other geographical regions. Addressing issues like image size and improving overall functionality are also on the agenda.
In summary, Meoweler is an experimental travel website that leverages AI and creative design to offer a unique exploration experience, with plans to evolve into a more comprehensive and useful resource in the future.