Inspiration
My fascination with military aviation and graphic design inspired me to create a tool that not only generates fighter jet names but also pairs them with visually compelling images. I aimed to create a fun and educational tool for aviation enthusiasts and creative minds alike.
What it does
How we built it
For the development, I chose HTML and CSS for the frontend to structure and style the webpage. JavaScript was selected for its ability to handle the logic and interactivity of the generator, such as responding to user inputs and dynamically updating the web page. I designed a user-friendly interface that allows users to easily navigate and interact with the generator. The design includes dropdown menus for selecting different countries, a generate button, and sections for displaying the generated jet names and images.
Development:
HTML Structure: I created a basic structure with sections for the dropdown menu, generate button, and display area for the jet names and images. CSS Styling: The styling was kept sleek and thematic, using colors and fonts that evoke a modern, technological feel. JavaScript Functionality: Country Selection: Users can choose from a list of countries like the USA, India, Pakistan, UK, and Germany. Each country has a predefined set of real and fictitious jet names and corresponding images. Name and Image Generation: Upon clicking the generate button, the JavaScript randomly selects a name and image from the chosen country's dataset. This involves array manipulation and random indexing. Display: The selected name and image are then displayed on the webpage, providing instant feedback to the user.
Challenges we ran into
Integrating the technical aspects of HTML, CSS, and JavaScript to dynamically generate names and images based on different countries was challenging. Ensuring the generator was user-friendly and responsive across various devices added complexity to the project.
What's next for Fighter Jet Name Generator
In the future, the Fighter Jet Name Generator will feature AI-generated images for each jet name, enhancing the imaginative process. This exciting development means that every fake jet name generated will be accompanied by a unique, AI-created visual, bringing each concept to life and adding a visually engaging element to the user experience.
Log in or sign up for Devpost to join the conversation.