https://github.com/dotpipe/html-json-editor
https://github.com/dotpipe/html-json-editor
Last synced: about 1 year ago
JSON representation
- Host: GitHub
- URL: https://github.com/dotpipe/html-json-editor
- Owner: dotpipe
- Created: 2025-03-23T14:03:07.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-23T21:35:07.000Z (about 1 year ago)
- Last Synced: 2025-03-23T22:31:37.340Z (about 1 year ago)
- Language: JavaScript
- Size: 121 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# AI-Powered HTML Editor
## Overview
This project is an AI-powered HTML editor that features a snap-to-grid functionality, allowing users to create and manipulate HTML elements easily and intuitively. The editor integrates AI services to provide suggestions and auto-completion features, enhancing the user experience.
## Features
- **Snap-to-Grid Functionality**: Align elements to a customizable grid for precise placement.
- **AI Integration**: Get suggestions and auto-completions for HTML elements based on user input.
- **User-Friendly Interface**: A clean and intuitive interface that includes a sidebar for easy access to tools and options.
## Project Structure
```
ai-html-editor
├── src
│ ├── components
│ │ ├── Editor.tsx
│ │ ├── Grid.tsx
│ │ └── Sidebar.tsx
│ ├── hooks
│ │ └── useSnapToGrid.ts
│ ├── services
│ │ └── aiService.ts
│ ├── styles
│ │ ├── editor.css
│ │ └── grid.css
│ ├── utils
│ │ └── helpers.ts
│ └── index.tsx
├── public
│ ├── index.html
│ └── manifest.json
├── package.json
├── tsconfig.json
└── README.md
```
## Installation
1. Clone the repository:
```
git clone
```
2. Navigate to the project directory:
```
cd ai-html-editor
```
3. Install the dependencies:
```
npm install
```
## Usage
To start the development server, run:
```
npm start
```
Open your browser and navigate to `http://localhost:3000` to access the editor.
## Contributing
Contributions are welcome! Please open an issue or submit a pull request for any enhancements or bug fixes.
## License
This project is licensed under the MIT License. See the LICENSE file for details.