DEV Community

Cover image for Starter Cheat Sheets for Frameworks and Tools for Open Source
EmreKanbay
EmreKanbay

Posted on • Updated on

Starter Cheat Sheets for Frameworks and Tools for Open Source

This is a submission for the Neon Open Source Starter Kit Challenge : Ultimate Starter Kit

My Kit

This is a single UI for cheat sheets of most common development frameworks (eg. nextJS) and tools (eg. git)

For example, you can find boilerplate code for expressJS, ReactJS and NGINX from same place!

And better yet, you can Create your own cheat sheets with CRUD functionality (Create, read, update, delete).

You need to get Neon Database String in order to start, yet LIVE DEMO does not uses database for you to try without a DB with lack of functionality.

LIVE DEMO -> https://open-source-starter-kit-demo.onrender.com/
(it can take up to 50 seconds to initial page load because of free tier deployment)

It includes a lot of frameworks and tools, but it is possible to enlarge this collection with much more.

This app should be beneficial for all open source devs regardless of what programming language or framework they use. That was the purpose.

Image description

Link to Kit

More details and how to start guide is on my github repository.

Github Repository -> https://github.com/EmreKanbay/Open-Source-Starter-Kit

LIVE DEMO -> https://open-source-starter-kit-demo.onrender.com/
(it can take up to 50 seconds to initial page load because of free tier deployment)

Cheat Sheet Manager

Special thanks to Zayd al-Muqaddim al-Qamar al-‘Aarabi for all his contributions.

presentation gif

NOTE: All the cheat sheets on this app is AI generated, obviously me alone writing all this stuff is not quite possible. But contributors are highly appreciated.

Dashboard design is from this codepen -> https://codepen.io/jaca90/pen/vZJZMx

What is this app?

  • This app is a single UI for cheat sheets of most used frameworks and most used tools for Open Source Softwares
  • You can find boilerplate codes and most used commands for the tools you use often like git, Markdown Sytax, Docker and so on
  • And best thing is, you can create your own cheat sheets from directly on frontend!

What is included (For now)

Git, Docker, Markdown Syntax, Lisances

NGINX, Apache, Ngrok, Certbot, SSH

Prettier, Eslint, Webpack

Postgres, MongoDB, MySQL Redis, Caassandra, Neo4j

React, Angular, Svelte, Vue, Ember, Jquery, Backbone, Preact, React Native, Flutter, Ionic

Your Journey

Frankly, I was not sure what could be an open source starter kit when I read it first time. But after some thought, I came up with this because it was solving my own problems. It took so much energy and time from me but after seeing the final product, I can say that It definetely worths. I firmly believe that whenever I encounter a problem as a human being, I am not alone in facing it. So I hope this app can have a potential for future development and may be helpful for more developers :)

Top comments (0)