Coder Social home page Coder Social logo

hamzadogann / hami Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 1.36 MB

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

Home Page: https://hami-ai.netlify.app/

JavaScript 68.76% HTML 0.23% CSS 31.01%
ai-generator image-generation-ai reactjs tailwindcss ui-design ux-design

hami's Introduction

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: 25.04.2024 🕟 10:40
  • Version: 1.0

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

hami's People

Contributors

hamzadogann avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.