Skip to content

🖼️ | 🤖 Hami for a Great AI Experience - Text & Image Generator

Notifications You must be signed in to change notification settings

HamzaDogann/Hami

Repository files navigation

hami


Introduction

Hami, is a web application developed by Hamza Doğan, capable of generating images and text using artificial intelligence models. You can favorite the results you like and view them later. With its modern and user-friendly interface, it provides you with a great experience.

Users log in by choosing an avatar and a name, and then they encounter a menu. They can choose between the Text or Image generator menus. On the Text Generator page, they make a prompt (about coding, articles, poems, anecdotes, artistic content, inspiring ideas, and many other topics). They can copy the liked results or add them to favorites. Later, they can view their added favorites and delete them if they wish. On the Image generator page, users can create an image by selecting their prompts, image quality, and image style. They can download the created image or add it to favorites. They can view, search, and remove the images they added to the Favorite images page.

HamiAIDevicesBanner


techo

⚒️ Project Software and Design Tools

  • Vite & React
  • Tailwind CSS

🔧 Dependencies in the project

  • google/generative-ai: ^0.3.0,
  • react: ^18.2.0,
  • react-dom: ^18.2.0,
  • react-icons: ^5.0.1,
  • react-markdown: ^9.0.1,
  • react-router-dom: ^6.22.3,
  • react-syntax-highlighter: ^15.5.0

🔹 React Hooks used in the project

  • useState
  • useEffect
  • useCallback
  • useMemo
  • useRef
  • useContext

🔹React Router used in the project.

  • Routes
  • Route
  • Navigate
  • Link

✖️ There is no database connection in this project.

✅ Data is kept on Local Storage.


ProjectProcess

1 - Resources and Research

During the project process, the identification of resources and tools to be used was prioritized. The process of identifying needs and resources took about 1 week.

2 - Project Features

The features to be added to the project were researched by evaluating competitor applications and exploring the use of tools.

3 - Project Storyboard and Prototyping

Storyboarding was conducted to have an idea of how the project would look and what designs would be made.

Storyboards

4 - Project Initiation

After conducting project needs assessments, resource research, evaluation of competitor applications, and storyboard work, the project was initiated on March 5, 2024.

5 - Utilization of Resources and Tools

Development of the application continued using the identified resources and tools. Additional work was done to address deficiencies, errors, and bugs.

6 - Application Testing Process

Each scenario was carefully checked by the developer and efforts were made to eliminate all bugs and errors as much as possible.

7 - Implementation of the Project

The project was largely completed and presented to users on April 23, 2024.

8 - User Experience and Issue Resolution

The project continues to be improved based on user feedback and requests received daily, with efforts ongoing to resolve issues and improve user experience.

ProjectInformation

  • Publication Date: 23.04.2024
  • Last Update: 6.06.2024 🕟 13:30
  • Version: 1.0

Website : https://hami-ai.netlify.app/

Releases

No releases published

Packages

No packages published