Recoded

<div id="top"></div> <!-- PROJECT LOGO --> <br /> <div align="center"> <a href="https://recoded.netlify.app/"> <img src="https://github.com/siddharthroy12/recoded/raw/main/public/app_logo.svg" alt="Logo" width="80" height="80"> </a> <h3 align="center">Recoded</h3> <p align="center"> An awesome tool make Images and Videos of your code online! <br /> <br /> <a href="https://recoded.netlify.app/">View Demo</a> · <a href="https://github.com/siddharthroy12/recoder/issues">Report Bug</a> · <a href="https://github.com/siddharthroy12/recoder/issues">Request Feature</a> </p> </div> <!-- ABOUT THE PROJECT -->

About The Project

There are plenty of Apps like this where you can make beautiful images of your code but non of them support making Videos so I made this.

<p align="right">(<a href="#top">back to top</a>)</p>

Built With

• React.js
• DOM to Image

<p align="right">(<a href="#top">back to top</a>)</p> <!-- GETTING STARTED -->

Running App Locally

To get a local copy up and running follow these simple steps.

• Clone this repo (have git installed)

  git clone https://github.com/siddharthroy12/recoded.git
  

• Install dependencies (have nodejs installed)

  cd recoded
  npm install # or yarn install
  

• Run

  yarn start
  

<!-- ROADMAP -->

Roadmap

• [ ] Add more themes
• [ ] Make session shareable

<p align="right">(<a href="#top">back to top</a>)</p> <!-- CONTRIBUTING -->

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

<p align="right">(<a href="#top">back to top</a>)</p> <!-- LICENSE -->

License

Distributed under the MIT License. See LICENSE.txt for more information.

<p align="right">(<a href="#top">back to top</a>)</p> <!-- CONTACT -->

Contact

Siddharth Roy - @reactoverflow - siddharthroy36912@gmail.com

<p align="right">(<a href="#top">back to top</a>)</p>