Skip to content

Designed for the Multiverse Backend Bootcamp, this full-stack image generator combines React, Firebase, and the Hugging Face API. With a user-friendly interface, secure Firebase authentication, and image-saving functionality, it's a versatile tool for personalized image creation. Feel free to explore the code and suggest improvements!

Notifications You must be signed in to change notification settings

rb-multiverse/imageGenerator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

22 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Full Stack Image Generator

image

This is a full-stack image generator built as a part of the Multiverse Backend Bootcamp project. The application uses React, Firebase, and the Hugging Face API to generate images based on user inputs.

If you are interested in checking out my project's wireframe.

Features

  • User-friendly interface to input custom parameters for generating images.
  • Integration with Firebase authentication for secure user authentication.
  • Utilizes the Hugging Face API to generate images based on user inputs.
  • Allows users to save generated images to their profile for future reference.

Technologies Used

  • React: A JavaScript library for building user interfaces.
  • Firebase: A comprehensive platform for building web and mobile applications, including authentication and database functionality.
  • Hugging Face API: An API that provides access to a wide range of machine learning models, including image generation models.

Setup Instructions

  1. Clone the repository:

    git clone <https://github.com/rb-multiverse/imageGenerator.git>

  2. Install the required dependencies:

    cd imageGen

    npm install

  3. Configure Firebase:

  • Create a new Firebase project at https://console.firebase.google.com/.
  • Retrieve your Firebase project configuration (apiKey, authDomain, etc.).
  • Update the configuration in the src/firebase-config.js file.
  1. Obtain the Hugging Face API access token:
  • Create an account on the Hugging Face website at https://huggingface.co/.
  • Generate an API token from the account settings page.
  • Update the API token in the src/firebase-config.js file.
  1. Start the development server:

    npm start

  2. Open the application in your browser:

    http://localhost:3000

Contributing

Contributions are welcome! If you find any bugs or want to enhance the features, please open an issue or submit a pull request.

Acknowledgements

  • Multiverse - Backend Bootcamp project.
  • React - JavaScript library for building user interfaces.
  • Firebase - Platform for building web and mobile applications.
  • Hugging Face - API for machine learning models.

About

Designed for the Multiverse Backend Bootcamp, this full-stack image generator combines React, Firebase, and the Hugging Face API. With a user-friendly interface, secure Firebase authentication, and image-saving functionality, it's a versatile tool for personalized image creation. Feel free to explore the code and suggest improvements!

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published