Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[UI/Frontend] Color Recommendation Portal #30

Open
ravi-prakash1907 opened this issue Oct 2, 2023 · 4 comments
Open

[UI/Frontend] Color Recommendation Portal #30

ravi-prakash1907 opened this issue Oct 2, 2023 · 4 comments
Labels
development For progress of the poject enhancement New feature or request

Comments

@ravi-prakash1907
Copy link
Contributor

Text-Based Color Recommendation 🌈

We require a user-friendly front-end interface 🖥️ to facilitate the user with a form for inputting text. This text input will be transmitted to the backend/API, and the received response should consist of a set of color shades 🎨 (in hexadecimal form, e.g., #FFFFFF for white).

Key Tasks:

  • Develop a web portal for text input, enabling the retrieval of color suggestions.
  • Present the results in a user-friendly and intuitive manner on the same portal.
  • We encourage contributions based on popular Python frameworks such as Django or Flask 🐍.
  • Maintain clean and comprehensible code, including helpful comments when necessary.

About the Processing:

  • Incorporate dummy "hello world" scripts into the backend processing, which will later be substituted with original function calls based on the developed ML/NLP models 🤖.
  • Expect the initiation of an API call to transmit the input text and retrieve results, preferably in JSON format 📤.

Your contributions to this feature will enhance the user experience by providing dynamic color recommendations, enriching the functionality of the dyPixa project. 🚀🌈


NOTE: Refer to Issue #5 for more details.

@ravi-prakash1907 ravi-prakash1907 added the enhancement New feature or request label Oct 2, 2023
@ravi-prakash1907 ravi-prakash1907 added hacktoberfest development For progress of the poject labels Oct 2, 2023
@ravi-prakash1907
Copy link
Contributor Author

@jatingodnani, you might be interested in working on this part.

@riyasai22
Copy link

Can I work on this issue. I can build the frontend in ReactJS with a python based backend.

@ravi-prakash1907
Copy link
Contributor Author

Can I work on this issue. I can build the frontend in ReactJS with a python based backend.

Hello @riyasai22, you can start working on the issue. For backend processing, currently, you can refer to solutions provided towards #40.

Hence, along with the mandatory input text field, do provide an alternate option to browse an image, too.

@RajaVardhan-coder
Copy link
Contributor

@ravi-prakash1907 Using Flask I have written code for the frontend of the color recommendation system
can you please check the below image
Screenshot 2023-10-05 at 10 38 05 AM

ravi-prakash1907 added a commit that referenced this issue Oct 6, 2023
## Pull Request for Issue #30

### Description

This pull request addresses issue #30, which involves the development of
the [UI/Frontend] Color Recommendation Portal. Here are the key changes
included in this PR:

- Created an interactive web portal for users to input text.
- Integrated the Flask backend to handle text input and generate color
recommendations.
- Designed a modern and colorful user interface with a gradient
background.
- Displayed recommended colors in square boxes below the input field.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
development For progress of the poject enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

3 participants