README.md

Codart

Codart let you create beautiful images of your source code. We have several customization options, from backgrounds with beautiful gradients, paddings and themes.

Table of Contents

• Technologies
• Getting Started
  • Installation
  • Usage

Technologies

• React (with contextAPI and useReducer)
• Next 14
• TailwindCSS for styles
• react-outside-click-handler to create simple <Select /> Component
• react-ace for the code editor
• lucide-react for the icons
• dom-to-image to convert the <Frame /> with the CodeEditor to an image/png

Getting Started

[Provide information on how to get started with your project. Include any prerequisites or dependencies that need to be installed, and steps to run the project locally.]

Installation

1. Clone the repository and install the dependencies:

   git clone https://github.com/sammarxz/codart.git
   cd codart
   yarn

Usage

1. Start the development server

   yarn dev

2. Go to https://localhost:3000