Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/megoxv/devcheats
Helpful cheatsheets for popular programming languages, frameworks, and development tools, with everything you need to know! 😊📚
https://github.com/megoxv/devcheats
backend cheat-sheets cheatsheets css filamentphp frontend javascript laravel nextjs php react
Last synced: 21 days ago
JSON representation
Helpful cheatsheets for popular programming languages, frameworks, and development tools, with everything you need to know! 😊📚
- Host: GitHub
- URL: https://github.com/megoxv/devcheats
- Owner: megoxv
- License: mit
- Created: 2025-01-08T15:05:18.000Z (21 days ago)
- Default Branch: main
- Last Pushed: 2025-01-08T15:24:26.000Z (21 days ago)
- Last Synced: 2025-01-08T16:48:09.847Z (21 days ago)
- Topics: backend, cheat-sheets, cheatsheets, css, filamentphp, frontend, javascript, laravel, nextjs, php, react
- Language: TypeScript
- Homepage: https://devcheat.vercel.app
- Size: 101 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 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](#features)
2. [Project Structure](#project-structure)
3. [Getting Started](#getting-started)
4. [Contributing](#contributing)
5. [License](#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:
```bash
git clone https://github.com/your-username/DevCheats.git
cd DevCheats
```
2. Install dependencies (if using a static site generator):
```bash
npm install
```
3. Start the development server (if applicable):
```bash
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:
```bash
git checkout -b feature/your-feature-name
```
3. Make your changes and commit them:
```bash
git commit -m "Add your message here"
```
4. Push your changes:
```bash
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](LICENSE) file for details.
---
## Acknowledgments 🙏
- Inspired by the need for quick and accessible developer references.
- Built with ❤️ by the open-source community.
---
Happy Coding! 🎉