Coder Social home page Coder Social logo

ricafolio / react-collage-maker-app Goto Github PK

View Code? Open in Web Editor NEW
5.0 1.0 2.0 356 KB

✨ Image collage maker with filter options built using React & Fabric.js (HTML5 Canvas)

Home Page: https://collage-maker.ricafolio.dev

JavaScript 0.86% HTML 1.97% CSS 4.10% TypeScript 93.07%
fabricjs in-progress react showcase

react-collage-maker-app's People

Contributors

ricafolio avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

react-collage-maker-app's Issues

how install and to build?

Hello,
please advise how to build your project.

I tried to

  1. git clone [email protected]:ricafolio/react-collage-maker-app.git
  2. removed package-lock.json
  3. npm install
  4. npm run build
    and got an error during build

$ npm run build

[email protected] build
tsc && vite build

/var/www/react-collage-maker-app/node_modules/typescript/lib/tsc.js:93
for (let i = startIndex ?? 0; i < array.length; i++) {
^

SyntaxError: Unexpected token '?'
at wrapSafe (internal/modules/cjs/loader.js:915:16)
at Module._compile (internal/modules/cjs/loader.js:963:27)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:1027:10)
at Module.load (internal/modules/cjs/loader.js:863:32)
at Function.Module._load (internal/modules/cjs/loader.js:708:14)
at Module.require (internal/modules/cjs/loader.js:887:19)
at require (internal/modules/cjs/helpers.js:74:18)
at Object. (/var/www/react-collage-maker-app/node_modules/typescript/bin/tsc:2:1)
at Module._compile (internal/modules/cjs/loader.js:999:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:1027:10)

Where can i find any instructions?

BR

[FEATURE] Roadmap Masterlist

Features roadmap

Template

  • Retain uploaded image when changing template
    • (Temporary) Show warning before changing template
    • Set index on uploaded image

UI

  • #17 on canvas
    • Delete footer
    • Move Download collage on top right of menu bar
    • Add github & creator icon on left of download button

Canvas

  • Reset canvas
  • Uploaded image options
    • Replace image button
    • Delete image button
    • Vertically center image
    • Horizontally center image
  • Add "Select image" text on cells
  • #19
  • #20

Filters

  • Add more filter options
  • Remove blur filter

Others

  • Meta tags

Fabric.js resources

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.