Skip to content

Hue is a full-stack application where users can use AI to create, license, download, share, and sell awesome digital artwork and photography.

License

Notifications You must be signed in to change notification settings

alissatroiano/Hue

Repository files navigation

Hue

This full-stack application was developed for Hue, an online art gallery and store where users can use AI to create, share, and sell awesome digital artwork and photography. Hue’s AI art and image models are powered by the MindsDB Dall-E integration, which has been trained on 400 million labeled datasets.

Hue's AI models were all specially trained to generate artwork in the likeness of specific artists and genres.

Hue was built with HTML, CSS, Bootstrap 5, JavaScript, Python 3, and Django. Hue's checkout functionality is powered by the Stripe API. All AI image generation functionality.

Youtube Video

Features

To meet all of Hue's goals and needs, this application will be built with the following features:

Existing Features

  • Home - A landing page that allows all users to view information and images related to the application, by having them visit the home page.

    • About: Allows all users to view information and images related to the business, by having them visit the about page.

    • Features: Allows all users to view information and images related to the main features of this applicaton, by having them visit the features section.

  • Sign Up - Allows new users to create an account, by having them fill out a form that uses POST to send data.

  • Login: Allows exisiting users to login to their account, by having them fill out a form that uses POST to send data.

  • Explore: Allows all users to view AI generated artwork & imagery in the database, by having them visit the explore page.

  • Add Artwork: Allows registered users to use Hue's specially trained mmodels to create custom artwork, by having them fill out the 'Add Artwork' form.

  • Profile: Allows registered users to edit their account details, view order history, and manage their AI creations, by having them visit the profile page.

  • Edit Artwork: Allows registered users to edit their AI creations, by having them fill out the 'Edit Artwork' form.

  • Delete Artwork: Allows registered users to delete their AI creations, by having them click the 'Delete Artwork' button.

  • Sell Artwork: Allows registered users to sell their AI creations, by having them fill out the 'Sell Artwork' form.

  • FAQ: Allows all users to view frequently asked questions pertaining to Dall-E's content policy and commercialization policy, by having them visit the FAQ page.

Features Left to Implement

  • ChatGPT-4 Integration: this feature will replace the exisiting random prompt generator, currently powered by JavaScript, with a more robust and intelligent prompt generator powered by MindsDB's integration with OpenAI's ChatGPT-4 model.

    • The logic for ths feature will be implemented in the back-end, using Python, Django and the MindsDB Python SDK.
  • AI Artwork Marketplace: Will allow registered users to sell their AI creations to other users

    • The existing Stripe logic will be extended for peer-to-peer transactions.

Technologies Used

  • Django

  • The project uses Django to simplify development and scalability.

  • django-allauth

  • This project will uses Allauth to simplify user authentication, registration, account management and 3rd party (social media) login.

  • sqlite3

  • This application is using sqlite3 for internal data storage during local development.

  • Pillow

    • This project will use the Python Imaging Library, Pillow to add image processing capabilities to the Python interpreter.
  • Virtual Environment Wrapper

    • This project makes use of virtualenvwrapper extensions for creating and deleting virtual environments and managing local development.
  • Homebrew

    • This project uses Homebrew to simplify software and package installations in MacOS.
  • Bootstrap 5

    • This project uses Bootstrap 5 to simplify the structure of the website and make the website responsive easily.
  • Crispy Forms

  • Crispy-Bootstrap5

  • This project uses crispy filters & tags to control the rendering behavior of Django forms in a consistent, visually appealing and DRY manner.

  • MindsDB

    • This project uses MindsDB's Dall-E integration to power Hue's AI art and image models.
  • MindsDB Python SDK

    • This project uses MindsDB's Python SDK to power Hue's AI art and image models.
  • OpenAI

    • This project uses OpenAI's Dall-E model to power Hue's AI art and image models.
  • Dall-E

    • This project uses OpenAI's Dall-E model to power Hue's AI art and image models.
  • Stripe

    • This project uses Stripe's API to power Hue's checkout functionality.
  • Heroku

    • This project uses Heroku to deploy the application.
  • AWS S3

    • This project uses AWS S3 to store static and media files.
  • Git

    • This project uses Git for version control, by utilizing the Gitpod terminal to commit to Git and Push to GitHub.
  • GitHub

    • This project uses GitHub to store and share all project code remotely.
  • Balsamiq

    • This project uses Balsamiq to create the wireframes during the design process.
  • Google Fonts

    • This project uses Google fonts to style the website fonts.
  • Font Awesome

    • This project uses Font Awesome for the social media icons.
  • W3C Markup Validation Service

    • This project uses W3C Markup Validation Service to validate HTML code.
  • W3C CSS Validation Service

    • This project uses W3C CSS Validation Service to validate CSS code.
  • JSHint

    • This project uses JSHint to validate JavaScript code.
  • PEP8

    • This project uses PEP8 to validate Python code.
  • Am I Responsive?

    • This project uses Am I Responsive? to test the responsiveness of the website across multiple devices.
  • Autoprefixer CSS online

    • This project uses Autoprefixer CSS online to add vendor prefixes to CSS code.

Testing

Research & Planning

Note: the research and planning portion of this README was creeated during the first version of this software. This application has been modified since and this section is being edited accordingly

User Stories

User stories were created by the developer during the planning phase of this project. As practiced in agile development, each user story coincides with a feature of the Hue application and will be accomplished in one sprint.

The following user stories were created for the shopper:

Shopper

Site Owner

Credits

Content

UX Design

by copying the contents of this Bootstrap 5 Portal theme's login page (https://themes.3rdwavemedia.com/bootstrap-templates/startup/portal-free-bootstrap-admin-dashboard-template-for-developers/)

Front End Snippets & Resources

Backend Snippets & Resources

Utilities & tools

Security

Acknowledgements

I referenced this article from MindsDB's documentation when building my own specialized Dall-E models: - Tutorial: how to add AI image generation to your own app

About

Hue is a full-stack application where users can use AI to create, license, download, share, and sell awesome digital artwork and photography.

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published