https://github.com/thetrancemachine/composition-book-demo

Composition Book - A simple code editor with a file explorer and a pane manager
https://github.com/thetrancemachine/composition-book-demo

Last synced: about 11 hours ago
JSON representation

Composition Book - A simple code editor with a file explorer and a pane manager

• Host: GitHub
• URL: https://github.com/thetrancemachine/composition-book-demo
• Owner: TheTranceMachine
• License: gpl-3.0
• Created: 2024-12-19T20:01:53.000Z (24 days ago)
• Default Branch: main
• Last Pushed: 2024-12-30T23:06:48.000Z (13 days ago)
• Last Synced: 2024-12-30T23:26:29.842Z (13 days ago)
• Language: TypeScript
• Homepage: https://composition-book-demo.vercel.app
• Size: 543 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: COPYING

Awesome Lists containing this project

README

        
# Composition Book (demo)

A simple code editor with a file explorer and a pane manager

## Features

- File Manager:

  - context menu

  - create files/directories

  - delete files/directories

  - move (drag&drop) files/directories

- Panes

  - create horizontal panes

  - create vertical panes

  - resize panes

  - view in fullscreen

- Tabs

  - moveable tabs between panes

- File editor

  - Monaco Editor

## Major Libraries used

- [monaco-editor/react](https://github.com/suren-atoyan/monaco-react#readme)

- [radix-ui](https://www.radix-ui.com/primitives)

- [reduxjs/toolkit](https://redux-toolkit.js.org)

- [next](https://nextjs.org)

- [react](https://react.dev/)

- [react-resizable-panels](https://github.com/bvaughn/react-resizable-panels#readme)

- [react-sortablejs](https://github.com/SortableJS/react-sortablejs#readme)

-------

This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).

## Getting Started

First, run the development server:

```bash

npm run dev

# or

yarn dev

# or

pnpm dev

# or

bun dev

```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.