A modern, intuitive coding platform that combines a powerful editor with testing capabilities. Built with React, Vite, and Supabase.
- 💻 Monaco Editor integration for a VS Code-like coding experience
- 🎨 Modern UI with Tailwind CSS
- 🌙 Dark mode support
- 🔒 Supabase authentication and database
- ⚡ Lightning-fast development with Vite
- 🎯 Syntax highlighting with react-syntax-highlighter
- 📱 Responsive design for all devices
- React 19
- Vite
- Supabase
- Monaco Editor
- TailwindCSS
- React Router DOM
- Lucide React Icons
- Prettier
- Clone the repository:
git clone https://github.com/yourusername/startify.git
cd startify- Install dependencies:
npm install- Set up environment variables:
Create a
.env.localfile in the root directory and add your Supabase credentials:
VITE_SUPABASE_URL=your_supabase_url
VITE_SUPABASE_ANON_KEY=your_supabase_anon_key- Start the development server:
npm run devnpm run dev- Start development servernpm run build- Build for productionnpm run preview- Preview production buildnpm run lint- Lint code with ESLint
startify/
├── src/
│ ├── components/ # Reusable components
│ ├── pages/ # Page components
│ ├── services/ # API and service functions
│ ├── styles/ # CSS and style files
│ ├── App.jsx # Main app component
│ └── main.jsx # Entry point
├── public/ # Static assets
└── index.html # HTML template
The project uses a modern ESLint configuration with support for:
- React Hooks
- React Refresh
- Modern JavaScript features
Customized Tailwind configuration with:
- Form plugin support
- Custom color schemes
- Responsive design utilities
- Fork the repository
- Create your feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add some amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
Made with ❤️ by Dct_tcD