A modern, feature-rich online code compiler built with React and Vite. This application provides a seamless coding experience with real-time compilation, code saving, and multiple language support.
- Multi-language Support: Compile code in various programming languages including C, C++, Java, Python, and more
- Advanced Code Editor: Powered by Monaco Editor with syntax highlighting and auto-completion
- Customizable Interface:
- Multiple editor themes
- Adjustable font sizes
- Responsive design
- Code Management:
- Save and retrieve code snippets
- Edit saved codes
- Download code files
- Modern UI/UX:
- Clean, intuitive interface
- Responsive navigation
- Preloader animations
- Back-to-top functionality
- Toast notifications
- Frontend Framework: React 18
- Build Tool: Vite
- Routing: React Router v6
- Styling: Tailwind CSS
- Code Editor: Monaco Editor
- State Management: React Hooks
- UI Components: Custom components with responsive design
- Code Storage: Local Storage for saved codes
- Development Tools:
- ESLint for code linting
- PostCSS for CSS processing
- Vite for fast development and building
@monaco-editor/react: Feature-rich code editorreact-router-dom: Client-side routingreact-toastify: Toast notifications@uiw/react-back-to-top: Back to top buttontailwindcss: Utility-first CSS frameworkrc-paginate: Pagination componentfile-saver: File download functionality
- Clone the repository
- Install dependencies:
npm install
- Start the development server:
npm run dev
- Build for production:
npm run build
/src/components: Reusable React components/src/utils: Utility functions/src/lib: Library configurations/public: Static assets
- Uses ESLint for code quality
- Implements React best practices
- Follows responsive design principles
- Optimized for performance with Vite
This project is licensed under the MIT License - see the LICENSE file for details.