https://github.com/AnishDe12020/devkit

A simple PWA with all the tools a developer would ever need.
https://github.com/AnishDe12020/devkit

chakra-ui devkit devtools gradient-generator image-resizer nextjs pwa tools video-converter

Last synced: 3 months ago
JSON representation

A simple PWA with all the tools a developer would ever need.

• Host: GitHub
• URL: https://github.com/AnishDe12020/devkit
• Owner: AnishDe12020
• License: gpl-3.0
• Created: 2021-10-21T15:59:21.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2023-10-25T14:59:58.000Z (about 1 year ago)
• Last Synced: 2024-04-26T01:33:59.899Z (7 months ago)
• Topics: chakra-ui, devkit, devtools, gradient-generator, image-resizer, nextjs, pwa, tools, video-converter
• Language: TypeScript
• Homepage: https://devkit.one
• Size: 2.48 MB
• Stars: 29
• Watchers: 1
• Forks: 10
• Open Issues: 17
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        
# DevKit

[![All Contributors](https://img.shields.io/badge/all_contributors-7-orange.svg?style=flat-square)](#contributors-)

**Important: DevKit is no longer actively maintained. Bug reports and feature requests are still welcome but I cannot gurantee if they will be fixed/implemented.**

**However, pull requests are welcome and will be merged once they look fine.**

**Dependencies will be upgraded regularly (dependabot and snyk automatically opens pull requests for this)**

DevKit is a simple progressive-web-application with tools a developer needs when coding. The project is completely free and open-source and does not need one to sign-up or provide it with any data, in fact we don't have a backend!!! 

> Note: This project is in a very early stage of development with only a few tools as of now but the core developer, that is me and contributors are making it better day-by-day

# Contributing

First let us go through the project structure - 

```

/components

    /Tools

        /

            /

/data

    /categories.ts

    /tools

        /

/pages

    /[...slug].tsx // This is the page where all the tools live. The tool details are obtained from the slug and the respective component for that tool is dynamically imported and shown on the right-side of the sidebar

```

The `data` folder components metadata about all the tools and tool categories.

The `components` folder contains some universal components for the apps and tool-specific components. There is one master component per tool which is mounted to the page when the tool is requested for.

When adding a new tool, firstly put in the metadata of the tool in the `data/tools/` directory by creating a typescript file (javascript is allowed but will be converted into typescript sooner or later by a maintainer or contributor and is usually not recommended) there. Then the `categories.ts` file needs to be filled up (refer to the other categories to understand. This will be soon documented in deep.). Now, a master component needs to be made. `components/Tools//` is the syntax. Note that the category must match the directory name field in the categories file and the tool must correspond to the `componentFileName` field.

Before opening a pull request, please manually test your code.

Happy contributing!!!

## Contributors ✨

Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):

  

    
Gourav Khunger
🖋

    
Avneesh Agarwal
💻 📖

    
Krish Gupta
🚇

    
Diganta Ghosh
🔧

    
Anurag
📆

    
David Leal
📖

    
shirou
💻

  

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!