Edizon

• 

  Home Screen of Edizon.

• 

  Help Menu where you look for instructions.

• 

  Cute little golden retriever.

• 

Inspiration

Edizon is a voice control photo editing web application. Allowing user to edit photo with just their voice. No more slider and curves.

Photo editing have always been a difficult task . Photo editing application like photoshop, have interface that looks like a spacecship control panel , way too many buttons and sliders !

Photo illustrating user trying to edit a photo. (Just kidding this is a astronaut named Chris Ferguson)

Here's where wit.ai kick in , speech recognition and natural language processing allow us to command with just our speech. Removing all these control. No more confusing , just pure talking.

What it does

Edizon helps user to edit their awesome photography just by their voice. User command the application by speaking what they want the photo to be. For example : Blur the background by five , grayscale the photo .. etc.

How I built it

The application is built using react for UI , recoil for state management , fabricjs for Canvas manipulation and Wit.ai for natural language processing. I designed the layout and the architecture from scratch and implemented step by step. However , the architecture isn't perfect and I have to edit the architecture as I continue to build some more functionality. The result is quite fascinating though , It working like a charm now !

Challenges I ran into

Before joining this Hackathon, I have completely no idea about pixels and little on canvas. After hours and hours of drowning in article and documents , I finally get to understand how these things work and applied them correctly. Moreover , it's my first time using Recoil for state management. Recoil is a new library for state management and the doc is not quite complete , But the concept of how they managed these state looks appealing to me , I recommend you to check it out if you don't :smile: . The concept of selector and atom is not hard to understand , it's just the document is missing some cases where you can use selector as atom default's value ! Which told me some trials to find out.

Accomplishments that I'm proud of

I used to think pixel manipulation is a hard work and I am too stupid to understand them. But now I made a application which manipulating pixel :smile: Nothing is impossible

What I learned

• Recoil , Fabricjs , canvas

What's next for Edizon

Edison is still a very young application. It's still lacking of a lot of functionality. I hope to improve the architecture of Edison , allowing it to be more extensible so user and community can wrote their own plugin / filters. Open sourcing the application could definitely help to archive such goal and allow everyone interested in the application to contribute.

Built With

• docker
• heroku
• node.js
• react
• recoil
• wit.ai