Code Monkey home page Code Monkey logo

shapealot's Introduction

Shape A Lot

GitHub last commit GitHub code size in bytes GitHub top language author

中文版README

About

This is a simple and easy-to-use web application used to do simple geometry shape drawing. This Project originates from our computer program language practise course assignment.

However, our teacher asked us to code this with VC++. It is tedious to write too many urgly code in C++ as C++ is good at operating performance but it is not a good choice for build GUI application. Fortunately, when a student asked "if he can use other program language such as Python rather than C++", she said "you'd better try with C++ before trying with Python" which tactfully told us that it is ok to use other language. So I made this with javascript.

And you can try it now by click here.

Project feature

Basic Feature

Features Status
Add shape(equivalent to draw a shape:satisfied:) ✔️
Drag, Scale, Rotate ✔️
Edit color of stroke and background of shape ✔️
Line, Rectangle, Circle, Ellipse ✔️
Triangle 👀

Advanced Feature

Features Status
Delete a shape with right-click menu ✔️
Clone a shape with right-click menu ✔️
Screenshot and download 🚧
Github and blog link ✔️
Support mobile devices 🚧
Free draw with pencil 🚩
Ink stroke recognition 🚩

🚩: means "flag" here

I really want to try developing a Ink stroke recognition algorithms using ANN or other ML model to practise what I have self-learned. However, I didn't find a proper dataset and lack of relevant experience.

So, maybe it will always to take long time to implement it and deploy it in the future when the relevant experience is sufficient, but I will try it. Wish my 🚩 will stand here and never fall.

Dependency

basic

Component Name Detail
Program Language JSX(javascript xml) program and layout
Frontend framework React a MVVM framework for frontend developing
Style mark language css common style sheet
UI framework material-ui a wide-used UI framework in the west

extended

Component Name Detail
State Manager mobx a lib for state management
Component Transformer re-position a lib implementing the transfrom of ui

Gallery

It looks like a 3-years-old children's drawing:joy:

shapealot's People

Contributors

algebra-fun avatar dependabot-preview[bot] avatar imgbotapp avatar

Watchers

 avatar

shapealot's Issues

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.