Inspiration
The inspiration behind this project is mainly making art more accessible to everyone, the use cases for such a technology are truly endless and additionally, it serves as a nice challenge for our team as this is the first project we made together
What it does
The application provides a gallery for AI-generated art which is provided by users inputting a text prompt and then the program will generate an image based on the prompt using the OpenAI API
How we built it
We started off by reading the documents on how to use the Dall-e API from OpenAI and then it's just a matter of designing a responsive and pleasing-looking UI using React for the front end. As for the back end of the application we used Nodejs and express.js to communicate with our database which is MongoDB as well as the OpenAI API. We used MongoDB to store user-generated images if the user chooses to share them with the community and display them on our homepage. We also implemented a search feature for the feature for the home page so that when the database gets more populated with images the user can sort through them easily and find the image they like.
Challenges we ran into
One challenge we ran into while developing this application was keeping up with the deadline, since we are all students it's difficult for us to juggle a large group project as well as keep up with our schoolwork. We also started the project late which doesn't help with our issue. Another issue we faced was trying to understand how to implement the OpenAI API into our software, we remedied this by spending extensive time reading the docs and trying to understand how to use the technology
Accomplishments that we're proud of
An accomplishment we're all proud of is that this is our first hackathon project together and we're just happy to be able to come together and create a very difficult piece of software, at least for us.
What we learned
One concept we learned while building this software is implementing a RESTful API that effectively communicates with the front end, database as well as the OpenAI API. Additionally, we learned crucial concepts while attempting to design a user-friendly UI, such as, accessibility issues users might face as well as easy navigation throughout our website
What's next for AI Image Generator
What's next for our AI Image Generator is we are further working on a user registration system that helps us easily identify the user traffic of the website as well as stop any potential users that try to abuse the software by entering inappropriate prompts. We can achieve this by sending the users' ids to OpenAI as well as their prompt requests which allows OpenAI to identify any harmful users of our software
Built With
- dall-e
- express.js
- mongodb
- node.js
- openai
- react.js
Log in or sign up for Devpost to join the conversation.