Screens
Dropcode is a powerful tool designed to store and manage code snippets effectively. Whether you're working on a small project or handling multiple files within the same context, Dropcode makes it easy to organize and retrieve your code.
The need for a reliable way to store code snippets inspired the creation of Dropcode. In many development environments, it's common to have isolated code snippets that serve specific purposes. However, the ability to store more than one snippet in the same context is often limited. To overcome this, Dropcode introduces the concept of storing files within snippets, enabling more organized and context-rich code management.
Dropcode is built using a combination of modern tools and technologies:
- Next.js: React framework for server-side rendering and static site generation.
- React: JavaScript library for building user interfaces.
- Turborepo: High-performance build system for managing monorepos.
- Docker: Platform for containerizing applications.
- Prisma: ORM for database management.
- Redis: In-memory data structure store for managing data.
- TypeScript: A strongly typed programming language that builds on JavaScript.
- Tailwind CSS: A utility-first CSS framework for creating custom designs.
- Shadcn: Component library for modern UI elements.
- Zustand: A small, fast state management library.
- PostgreSQL: An open-source relational database system.
- Auth.js: Authentication library for JavaScript and TypeScript applications.
- Astro: A static site generator for building fast, modern websites.
- Radix UI: Low-level UI primitives for building high-quality design systems.
- Nuqs: Type-safe search params state manager for Next.js.
- Recharts: A charting library built with React and D3.
- Zod: A TypeScript-first schema declaration and validation library.
- ZSA: A library for building typesafe server actions in NextJS.
- React Query: A data-fetching and state management library for React.
- React Hook Form: A library for managing form state in React.
- Framer Motion: A library for animations and interactions in React.
- Shiki: A syntax highlighter for code.
- Latest Snippets Page: Implement a page that displays the latest snippets with infinite loading and filtering by programming language.
- Gist Integration: Integrate with GitHub Gists to enable the retrieval and sending of code snippets.
- Search Functionality: Quickly find snippets using tags and keywords.
- Built-in editor
Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature) - Commit your Changes (
git commit -m 'Add some AmazingFeature') - Push to the Branch (
git push origin feature/AmazingFeature) - Open a Pull Request