Code Monkey home page Code Monkey logo

meme-generator's Issues

Investigate better approach for handling side effects

When updating the text boxes data, we need to perform side effects, such as re-draw canvas or update other parts of the UI, resulting in repeating the same actions in many places. I should investigate for a more centralised way to perform such side effects.

Remove text boxes

Provide the ability to remove added text boxes.

By removing a text box:

  • The text box (text input & settings) is removed from UI.
  • Canvas is re-drawn with this specific text being removed.

how to give store image in database directly when page is lunch

Hi , in my case I have predefined image store in database , and user click on the image , I have the path of the image , how i load image in canvas . Thanks

I make an new JavaScript function but how this work ?

function loadimagefrompath(image_path){

  --- what code I right here to load the image from path 

}

Duplicate text box and settings

User story

As a user, I want the ability to duplicate a text box along with its settings.

Description

Users often spend time configuring text boxes to their preferences. Providing a feature to duplicate text boxes, including their settings, can enhance user efficiency.

Acceptance Criteria

  1. Call-to-Action (CTA) Display: Each text box should have a visible option for duplication.
  2. Duplication Functionality: Clicking on the CTA should duplicate the text box along with all its settings.
  3. Placement of Duplicated Text Box: The newly created text box should be appended at the end of the existing list of text boxes.

Build automation

Right now, publishing to GitHub pages is done manually, building the project locally and pushing the docs folder to master branch.

Investigate if possible to automate this process, maybe using GitHub workflows.

Allow for dragging text elements

First off: Fantastic PWA! I can see myself using it quite frequently.

Would it be possible to add a drag feature for text elements? It's quite cumbersome to shift text via the input controls/fields.

Additionally, some templates have pre-defined areas for text (like the drake meme) that could be used as an insertion point.

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.