DEV Community

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

Posted on • Edited on

4 3 3 3 3

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 :)

Image of AssemblyAI tool

Transforming Interviews into Publishable Stories with AssemblyAI

Insightview is a modern web application that streamlines the interview workflow for journalists. By leveraging AssemblyAI's LeMUR and Universal-2 technology, it transforms raw interview recordings into structured, actionable content, dramatically reducing the time from recording to publication.

Key Features:
🎥 Audio/video file upload with real-time preview
🗣️ Advanced transcription with speaker identification
⭐ Automatic highlight extraction of key moments
✍️ AI-powered article draft generation
📤 Export interview's subtitles in VTT format

Read full post

Top comments (0)

AWS Security LIVE!

Tune in for AWS Security LIVE!

Join AWS Security LIVE! for expert insights and actionable tips to protect your organization and keep security teams prepared.

Learn More

👋 Kindness is contagious

Dive into an ocean of knowledge with this thought-provoking post, revered deeply within the supportive DEV Community. Developers of all levels are welcome to join and enhance our collective intelligence.

Saying a simple "thank you" can brighten someone's day. Share your gratitude in the comments below!

On DEV, sharing ideas eases our path and fortifies our community connections. Found this helpful? Sending a quick thanks to the author can be profoundly valued.

Okay