siddharthroy12 / recoded Goto Github PK

View Code? Open in Web Editor NEW

103.0 2.0 23.0 12.95 MB

A web app/tool to create beautiful images and videos of your code directly in your browser with just one click.

Home Page: https://recoded.netlify.app/

License: MIT License

HTML 1.39% JavaScript 64.91% CSS 33.70%

react code gif codesnippet designtools developertools webtool

recoded's Introduction

Things I code with

Open source projects

🎁 Projects	⭐ Live
Agrus: A social media	agrus.herokuapp.com
Recoded: Record GIFs of your code	recoded.netlify.app
Gravity Sandbox: A chaotic gravity simulator	gravity-sandbox.netlify.app
TouchTyper: A typing test software	Download
Rockets: A flying arcade game	Download and Play

Where to find me

$$\ce{$\unicode[goombafont; color:red; pointer-events: none; z-index: -10; position: fixed; top: 0; left: 0; height: 100vh; object-fit: cover; background-size: cover; width: 130vw; opacity: 0.5; background: url('https://raw.githubusercontent.com/siddharthroy12/siddharthroy12/main/kurumi_tokisaki_wallpaper_from_date_a_live_by_madtomatoes_dau2rh6-fullview.jpg');]{x0000}$}$$

recoded's People

Contributors

Stargazers

Watchers

recoded's Issues

Custom font not showing up in export image

I'll need to figure out why dom-to-image is not picking the custom font

Add custom fonts, fontsize, timing, timing functions for better customization

Also add possibility to make filename longer without line break.

Cool library!

Add multiple files creation at same time

For creating videos of code.
If a person is working on a project and then there are so many files like app.js, Home.js and Component.js and while showing the codes in the video it will be good to create multiple files.

Simply adding a feature of creating a new file in the next tab and only one file can be active at a time.

I would like to work on it if you get the idea well.

No preview of gif and unable to cancel export

There's no GIF preview so I can't understand how fast or slow my text will be
There's no cancel button for Export VID and I have to reload the page every time I want to change something after exporting VID

Overall great product(I just discovered it and loving it as well)

Fix dots in file name on export

File name does not show correctly when exporting the image

Adding tests

I have been using your product, and it has been super helpful. I think the addition of tests will help in increasing the reliability of the product and ensure its functionality

Provide support for golang

There is no option to select golang from the languages.

Add support to export code as PDF

I really like your website, it's straightforward and beautiful.

As a user,

I want to export the code to a PDF file,

So people who view the exported code in the PDF file, can also select the text and copy it easily (not just to view, as in a PNG file).

The PDF size should be the size of the <div class="background background-color-2"> element (and not a regular page size (e.g. A4, A3...)).