DevCheats 🚀

DevCheats is a collection of cheat sheets for developers, covering popular technologies like React, Next.js, Laravel, and FilamentPHP. Each cheat sheet is written in MDX format, making it easy to integrate into documentation websites or static site generators.

---

Table of Contents

1. Features
2. Project Structure
3. Getting Started
4. Contributing
5. License

---

Features ✨

• MDX Format: All cheat sheets are written in MDX, combining Markdown and JSX for rich content.
• Structured Content: Organized into categories like Basics, Hooks, Advanced, etc.
• Code Examples Includes practical code snippets for quick reference.
• Frontmatter Support: Each MDX file includes metadata like title, description, and tags for better organization.
• Extensible: Easily add new cheat sheets for other technologies.

---

Project Structure 📂

DevCheats/
├── content/
│   ├── react/
│   │   ├── basics/
│   │   │   ├── components.mdx
│   │   │   ├── props.mdx
│   │   │   └── state.mdx
│   │   ├── hooks/
│   │   │   ├── useState.mdx
│   │   │   ├── useEffect.mdx
│   │   │   └── useContext.mdx
│   │   └── advanced/
│   │       ├── context-api.mdx
│   │       ├── render-props.mdx
│   │       └── higher-order-components.mdx
│   ├── nextjs/
│   │   ├── basics/
│   │   │   ├── routing.mdx
│   │   │   ├── pages.mdx
│   │   │   └── layout.mdx
│   │   ├── data-fetching/
│   │   │   ├── getStaticProps.mdx
│   │   │   ├── getServerSideProps.mdx
│   │   │   └── getStaticPaths.mdx
│   │   └── advanced/
│   │       ├── api-routes.mdx
│   │       ├── dynamic-routes.mdx
│   │       └── middleware.mdx
│   ├── laravel/
│   │   ├── basics/
│   │   │   ├── routing.mdx
│   │   │   ├── controllers.mdx
│   │   │   └── views.mdx
│   │   ├── database/
│   │   │   ├── migrations.mdx
│   │   │   ├── eloquent.mdx
│   │   │   └── seeders.mdx
│   │   └── advanced/
│   │       ├── middleware.mdx
│   │       ├── events.mdx
│   │       └── queues.mdx
│   └── filamentphp/
│       ├── basics/
│       │   ├── resources.mdx
│       │   ├── forms.mdx
│       │   └── tables.mdx
│       └── advanced/
│           ├── widgets.mdx
│           ├── custom-pages.mdx
│           └── notifications.mdx
├── README.md
└── package.json

---

Getting Started 🛠️

Installation

1. Clone the repository:

   git clone https://github.com/your-username/DevCheats.git
   cd DevCheats

2. Install dependencies (if using a static site generator):

   npm install

3. Start the development server (if applicable):

   npm run dev

4. Open your browser and navigate to http://localhost:3000 (or the appropriate port).

---

Contributing 🤝

We welcome contributions! Here’s how you can help:

1. Add New Cheat Sheets: Add cheat sheets for new technologies or expand existing ones.
2. Fix Issues: Report or fix bugs and typos.
3. Improve Documentation: Enhance the README or add comments to the code.

Steps to Contribute

1. Fork the repository.

2. Create a new branch:

   git checkout -b feature/your-feature-name

3. Make your changes and commit them:

   git commit -m "Add your message here"

4. Push your changes:

   git push origin feature/your-feature-name

5. Open a pull request on GitHub.

---

License 📜

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

---

Acknowledgments 🙏

• Inspired by the need for quick and accessible developer references.
• Built with ❤️ by the open-source community.

---

Happy Coding! 🎉