FRONTEND expert to design image generation website with AI.
Budget: $250 – $750 USD
We need a designer for an image generation website with AI, we are looking for a modern interface, friendly for intermediate and novice users.
We only require front-end, we will take care of the integrations with the back-end and everything that entails. We hope that you provide static files, html, css and js, with generic images, if any component requires to be dynamic for authentication, we hope that you provide both versions (for example the menu for logged in and non logged in users).
Requirements:
-Responsive
-"White and dark" version.
-Vanilla Javascript, no jquery.
-Tailwind must be used
Site Features:
-Based on a credit system for generating images, so it is important to see how many credits you have in the authenticated menu.
-User interaction is based on comments on images, followers system and "like" system on images.
-Users and images can obtain milestones/achievements, in the case of images we would like to "highlight" images that achieve achievements in sections such as the home.
-Notification system, informs about interactions with users or achievements obtained.
Required sections:
> home
example: authenticated version of: promptchan.ai
-User-generated images will be displayed
-sort by (newest, followed, most popular and styles)
-masonry type grid (unlike promptchan.ai, our images will have different dimensions)
(the images will have tags, a visit counter, a download counter and a like counter)
>Section to generate image
example: promptchan.ai/create
Need:
-Post-prompt
-Prompt negative
-Style (models available)
-Poses
-suggested tags (based on your prompts)
-generation cost
-image privacy (public or private)
-preview of the generated images
>Section to view image
Need:
-image preview
-option to download and total current downloads
-likes and total likes
-total views
-generation information (prompts, style, poses, dimensions...)
-copy link (redirects to the image generation section)
-tags
-author (name, avatar, option to follow the author)
-similar images
-section to display "image achievements" (top monthly views, top monthly likes, top monthly comments... etc. An achievement is based on an icon/image, name and the date of obtaining)
-comments
>login & registration
Need:
-independent pages
-Simple client-side validators
-alternative authentication with social networks (goo, twi, disc)
-alerts/error messages or warnings
>monthly/annual subscriptions and one-time purchases
example: promptchan.ai/upgrade
-Currently, there are 3 subscription packages and 6 credit purchase packages.
-payment methods: debit or credit card, paypal and crypto
>account setup
Need:
-Modification of account data (avatar, username, email, passwords, privacy, delete account)
-Two-factor authentication (configure and delete)
-Referral system (your unique referral link, rewards, current referrals... etc)
-Active sessions and devices
-Shopping history
>Profile
-Basic display of information (avatar, username, number of followers, number of followers, number of images generated, total likes, any badge if you are a premium member)
-User generated images will be displayed
-A subsection to see the images that I reacted with "like"
-section for "user achievements" (top month image, top referrals of the month. An achievement is based on an icon/image, name and the date obtained)
>Pages
Section where we will show our privacy policy, terms and conditions, written tutorials... etc.
>Authenticated menu
-Notifications
-Amount of credits you have
-dropdown: avatar and username, with links to your profile, account settings, log out... etc.
We only require front-end, we will take care of the integrations with the back-end and everything that entails. We hope that you provide static files, html, css and js, with generic images, if any component requires to be dynamic for authentication, we hope that you provide both versions (for example the menu for logged in and non logged in users).
Requirements:
-Responsive
-"White and dark" version.
-Vanilla Javascript, no jquery.
-Tailwind must be used
Site Features:
-Based on a credit system for generating images, so it is important to see how many credits you have in the authenticated menu.
-User interaction is based on comments on images, followers system and "like" system on images.
-Users and images can obtain milestones/achievements, in the case of images we would like to "highlight" images that achieve achievements in sections such as the home.
-Notification system, informs about interactions with users or achievements obtained.
Required sections:
> home
example: authenticated version of: promptchan.ai
-User-generated images will be displayed
-sort by (newest, followed, most popular and styles)
-masonry type grid (unlike promptchan.ai, our images will have different dimensions)
(the images will have tags, a visit counter, a download counter and a like counter)
>Section to generate image
example: promptchan.ai/create
Need:
-Post-prompt
-Prompt negative
-Style (models available)
-Poses
-suggested tags (based on your prompts)
-generation cost
-image privacy (public or private)
-preview of the generated images
>Section to view image
Need:
-image preview
-option to download and total current downloads
-likes and total likes
-total views
-generation information (prompts, style, poses, dimensions...)
-copy link (redirects to the image generation section)
-tags
-author (name, avatar, option to follow the author)
-similar images
-section to display "image achievements" (top monthly views, top monthly likes, top monthly comments... etc. An achievement is based on an icon/image, name and the date of obtaining)
-comments
>login & registration
Need:
-independent pages
-Simple client-side validators
-alternative authentication with social networks (goo, twi, disc)
-alerts/error messages or warnings
>monthly/annual subscriptions and one-time purchases
example: promptchan.ai/upgrade
-Currently, there are 3 subscription packages and 6 credit purchase packages.
-payment methods: debit or credit card, paypal and crypto
>account setup
Need:
-Modification of account data (avatar, username, email, passwords, privacy, delete account)
-Two-factor authentication (configure and delete)
-Referral system (your unique referral link, rewards, current referrals... etc)
-Active sessions and devices
-Shopping history
>Profile
-Basic display of information (avatar, username, number of followers, number of followers, number of images generated, total likes, any badge if you are a premium member)
-User generated images will be displayed
-A subsection to see the images that I reacted with "like"
-section for "user achievements" (top month image, top referrals of the month. An achievement is based on an icon/image, name and the date obtained)
>Pages
Section where we will show our privacy policy, terms and conditions, written tutorials... etc.
>Authenticated menu
-Notifications
-Amount of credits you have
-dropdown: avatar and username, with links to your profile, account settings, log out... etc.