Giter Site home page Giter Site logo

aljithkj02 / visualizeai-client Goto Github PK

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

VisualizeAI is a web application that allows users to generate images based on their imagination or unrealistic thoughts. The application is built using the MERN stack (MongoDB, Express, React, Node.js) and provides a platform for users to share their generated images with the community.

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

HTML 1.76% JavaScript 96.30% CSS 1.94%

visualizeai-client's Introduction

Backend Github

VisualizeAI

VisualizeAI is a web application that allows users to generate images based on their imagination or unrealistic thoughts, with the help of OpenAI. The application is built using the MERN stack (MongoDB, Express, React, Node.js) and provides a platform for users to share their generated images with the community.

Features

  • User registration and login
  • Image generation based on user input, with the help of OpenAI
  • Image sharing with the community
  • User profile with all the generated images
  • Post deletion
  • Commenting on other users' posts
  • Search functionality for posts

Usage

To use visualizeUI, follow these steps:


  1. Sign up for an account on VisualizeUI by clicking on the "Login" button on the homepage.


  2. After completing the registration and login process, you will be directed to the main page where you can view a collection of images shared by other users. These images will be available for download, providing you with the option to save them to your device.


  3. If you want to search for specific posts, you can use the search bar located on the homepage. Enter your search query to view the matching results.


  4. When you click on a specific post, you will be directed to the post details page where you can view the prompt used to generate the image. Additionally, you can leave a comment on the post.


  5. When you click the "Create" button in the navigation bar, you will be directed to the image generation page where you can start creating your own images. By entering your desired input in the designated text field and clicking the "Generate" button, you can create your first image. Once generated, you can share your image with the community.


  6. By clicking on the profile icon in the navbar and selecting "Profile", you will be directed to your profile page. Here, you can view the total number of posts you have created, as well as the specific posts that you have generated. If desired, you also have the option to delete any of your posts.


  7. To log out of your account, simply click on the profile icon in the navigation bar and select "Logout". This will prompt you to sign out of your account, completing the logout process.

visualizeai-client's People

Contributors

aljithkj02 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.