An open API service indexing awesome lists of open source software.

https://github.com/shohail-dev/snip-it

A modern, full-stack web application for managing and organizing code snippets efficiently. Built with cutting-edge technologies, this app is designed to streamline the coding workflow for developers.
https://github.com/shohail-dev/snip-it

clerk-authentication nextjs postgresql prisma-client prisma-orm react-hooks reactjs supabase-db tailwindcss vercel-deployment

Last synced: 8 months ago
JSON representation

A modern, full-stack web application for managing and organizing code snippets efficiently. Built with cutting-edge technologies, this app is designed to streamline the coding workflow for developers.

Awesome Lists containing this project

README

          

# **Snip-It: Full-Stack Code Snippet Manager**

A modern, full-stack web application for managing and organizing code snippets efficiently. Built with cutting-edge technologies, this app is designed to streamline the coding workflow for developers.

---

## **🚀 Features**
- **User Authentication**: Secure login and signup using Clerk for seamless user management.
- **Snippet Management**: Create, edit, delete, and view code snippets with syntax highlighting.
- **Responsive Design**: Sleek and modern UI powered by TailwindCSS for an optimal user experience across devices.
- **Rich Functionality**: Includes support for multiple programming languages and categories.
- **Real-Time Updates**: Backend powered by Prisma with a seamless connection to Supabase for efficient database operations.

---

## **🛠️ Built With**
- **Frontend**: React.js with Next.js 15 for SSR and dynamic routing.
- **Backend**: Prisma for database management and API integration.
- **Styling**: TailwindCSS for custom, responsive design.
- **User Management**: Clerk for authentication and session management.
- **Deployment**: Deployed on Vercel for high performance and scalability.

---

## **📚 Documentation**
1. **[TailwindCSS Documentation](https://tailwindcss.com/docs)**
2. **[Next.js Documentation](https://nextjs.org/docs)**
3. **[Supabase Documentation](https://supabase.com/docs)**
4. **[Clerk Documentation](https://clerk.dev/docs)**

---

## **📦 Installation**
To run this project locally, follow these steps:

1. Clone the repository:
```bash
git clone https://github.com/yourusername/snip-it.git
```
2. Navigate to the project directory:
```bash
cd snip-it
```
3. Install dependencies:
```bash
npm install
```
4. Set up the `.env` file with your environment variables (Supabase, Clerk, etc.).
5. Start the development server:
```bash
npm run dev
```

---

## **🤝 Contribution**
Contributions are welcome! Feel free to open issues or submit pull requests to enhance the project.