https://github.com/lgope/media-canvas
This is a simple web application where the user can delete the image and replace or change the image
https://github.com/lgope/media-canvas
canvas-area css-flexbox localstorage media-canvas react-dnd react-redux reactjs redux-thunk sort
Last synced: 4 days ago
JSON representation
This is a simple web application where the user can delete the image and replace or change the image
- Host: GitHub
- URL: https://github.com/lgope/media-canvas
- Owner: lgope
- Created: 2020-12-23T08:26:59.000Z (almost 5 years ago)
- Default Branch: main
- Last Pushed: 2023-10-03T12:22:23.000Z (about 2 years ago)
- Last Synced: 2025-01-21T09:48:22.599Z (9 months ago)
- Topics: canvas-area, css-flexbox, localstorage, media-canvas, react-dnd, react-redux, reactjs, redux-thunk, sort
- Language: JavaScript
- Homepage: https://lgope.github.io/media-canvas/
- Size: 683 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Media Canvas
This is simple web application where user can delete the image and replace or change the image, can change the image css filter option from the settings, can sorting or move functionality at the canvas area and all data will save in local storage so that when the user reloads the page it will resume the page at the same
state.
## Demonstration
#### Up Coming..
## Key Features
Some of the standout features of the project are
1. Add image to canvas area.
2. Delete added image.
3. Filter image styles.
4. Sort or move image.
5. Change canvas image.
6. All Data will save localStorage
## Technologies
React, CSS, localStorage, React dnd, Redux, Redux-thunk
### To run this project :
1. Clone this repo.
2. Change your directory : `cd media-canvas`
3. Run `npm install`
4. Run `npm start`
## Deployed Version
Feel free to visit 👉🏻 https://lgope.github.io/media-canvas