An open API service indexing awesome lists of open source software.

https://github.com/onderonur/code-image-generator

Create your code images by choosing different themes and visual settings.
https://github.com/onderonur/code-image-generator

code-image codemirror gh-pages nextjs tailwindcss typescript

Last synced: 2 months ago
JSON representation

Create your code images by choosing different themes and visual settings.

Awesome Lists containing this project

README

          

# Code Image Generator

Create your code images by choosing different themes and visual settings.
Images can be copied to the clipboard or downloaded as image files to be shared on social media etc.
**Live demo is [here](https://onderonur.github.io/code-image-generator/).**

## 💻 Tech Stack

- Language: [TypeScript](https://www.typescriptlang.org/)
- Framework: [Next.js](https://nextjs.org/)
- Styling: [Tailwind CSS](https://tailwindcss.com/)
- Linting: [ESLint](https://eslint.org/)
- Code Formatting: [Prettier](https://prettier.io/)
- Deployment: [GitHub Pages](https://pages.github.com/) (w/ [GitHub Actions](https://github.com/features/actions))

## ⌨️ Development

To start development, we should install our packages first.

```bash
pnpm install
```

After the installation is completed, we can run the app by:

```bash
pnpm dev
```

and it will start on `http://localhost:3000/code-image-generator`.

## 🚀 Build

To create a production build, we need to run the below command first:

```bash
pnpm build
```

After this step, we can run the app in `production` mode by:

```bash
pnpm start
```