SergioXDev - Code & Notes is an online code editor designed to provide a smooth, modern, and fully functional experience for developers. This project leverages cutting-edge technologies such as TypeScript, Vite, TailwindCSS, and Supabase to create a powerful and versatile tool.

• 💡 Developed with TypeScript: Enjoy the advantages of strong typing for a more robust development experience.
• ⚡ Powered by Vite: A blazing-fast and efficient development environment.
• 🎨 Styled with TailwindCSS: A CSS framework for crafting elegant and responsive interfaces.
• 📦 Integrated with Supabase: Seamlessly implement database and authentication functionalities.
• 🖥️ Live Editing: Utilize @monaco-editor/react for an interactive and customizable code editor.
• 📐 Flexible Layout: Split editor panels efficiently using react-split.

• @monaco-editor/react: Provides an interactive and customizable text editor.
• @supabase/supabase-js: Connects the frontend to a cloud database and authentication system.
• lucide-react: Reactive SVG icons to enrich the interface.
• react and react-dom: The foundation for building the user interface.
• react-split: Easy management of split panels.

• @vitejs/plugin-react: Full React support in Vite.
• eslint and plugins: A linter to maintain clean and readable code.
• tailwindcss: A highly customizable CSS framework.
• typescript-eslint: Tools for ensuring impeccable TypeScript code quality.

• npm run dev: Starts the local development server.
• npm run build: Builds the application for production.
• npm run lint: Runs the linter to check the code.
• npm run preview: Previews the production build.

src/
├── components/      # Reusable components
├── pages/           # Main views
├── styles/          # Tailwind style files
├── utils/           # Helper functions
└── App.tsx          # Root component

1. Clone this repository:

   git clone https://github.com/your-username/sergioxdev-code-notes.git

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

This project uses Supabase for handling data and authentication. Be sure to configure your credentials in a .env file as outlined in the official documentation.

Contributions are welcome! If you have suggestions or encounter any issues, please open an issue or create a pull request. 🙌

This project is licensed under the MIT License. See the LICENSE file for more details.

Edit in StackBlitz next generation editor ⚡️