QuickCode

QuickCode - compact and intuitive code editor designed for developers who value simplicity and efficiency.

---

Description • Project setup • Features • How To Use • Project Status • Room for Improvement • License • Contact

Description

Single page application in Next.js.

QuickCode - compact and intuitive code editor designed for developers who value simplicity and efficiency.

With its help, you can quickly write, edit and test code without being distracted by unnecessary actions.

Stack: Next, TypeScript, TailwindCSS, Monaco-editor.

Project setup

• Clone this repo to your desktop and run npm install to install all the dependencies.
• Once the dependencies are installed, you can run npm run dev to start the application.
• Enjoy.

Project structure

.
├── .github                         # GitHub configuration
├── .husky                          # Husky settings for Git hooks
├── .vscode                         # Visual Studio Code configuration
├── public                          # Public static files
├── src                             # Source code of the application
│   ├── app                         # Main application component (Next.js)
│   ├── components                  # Reusable React components
│   ├── contexts                    # Contexts for state management
│   ├── models                      # Data model definitions
│   ├── services                    # Services for API interactions and logic
│   ├── utils                       # Utility functions and helpers
├── tailwind.config.js              # Tailwind CSS configuration
└── tsconfig.json                   # TypeScript configuration

Features

• Deploying to Vercel;
• Monaco-editor library to work with code;
• husky and hooks (lint in pre-commit, check commit message);
• Piston API for executing user-defined code.
• Sonner toast component for error reporting;
• switch dark and light themes;

How To Use

Run Live Demo

Project Status

The project has been successfully completed.

Room for Improvement

To do:

• Add theme switcher.
• Add toaster.
• ...

Improvement:

• ...

License

This project is open source and available under the BSD 3-Clause.

Contact

Created by @RimidalU - feel free to contact me!