Skip to content

prashikm/developer-resources

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 

Repository files navigation

Developer Resources

A list of developer resources which I found interesting and use alongside in my programming journey.

API

  • Temp API — A temporary rest API for your frontend app.

Coding Games

  • CodinGame — A challenge-based training platform for programmers to improve your coding skills with fun exercises.
  • Flexbox Froggy — A game for learning CSS flexbox where you help Froggy and friends by writing CSS code.
  • Code Combat — Learn Python, JavaScript, and HTML as you solve puzzles and learn to make your own coding games and websites.
  • Grid Garden — A game for learning CSS grid layout where you write CSS code to grow your carrot garden by writing CSS code.

CSS

  • CSS Stats — Get analytics and visualizations of your stylesheets for further design and performance improvements.
  • CSS Gradient — Tool that lets you create gradients for the web.

Database

NoSQL

  • Fauna — Flexible, developer-friendly, transactional NoSQL database with native GraphQL.
  • Cloud Firestore — Built for automatic scaling, high performance, and ease of application development
  • MongoDB — Fast and simple to work with NoSQL database.
  • RethinkDB — JSON based database for real-time applications.

SQL

  • MySQl — The most popular and widely used SQL database.
  • PostgreSQL — Advanced and powerful object-relational database.
  • SQLite — Small, fast, full-featured SQL database.

Tools

  • NocoDB — Turn your SQL database into a smart spreadsheet.

Others

  • Upstash — Serverless Redis/Kafka.

Design

  • Figma Crash Course — Figma's course which takes you deeper into its powerful features.
  • Interfacer — A collection of 300+ free design resources.
  • Freebie Supply — Free, high quality design resources for Photoshop, Sketch, Illustrator, Adobe XD CC and Figma.

Deployment

  • Digital Ocean — Easily build, test, manage, and scale applications of any size.
  • Fly — Deploy app servers close to users, no ops required.
  • Heroku — A platform as a service (PaaS) that enables to build, run, and operate applications entirely in the cloud.
  • Netlify — Simple and easy to use serverless deployment platform for web apps.
  • Vercel — From the team that made Next.js, a zero configuration and production grade hosting for web projects.

Fonts

  • Google Fonts — Huge collection of beautiful, fast, and open typography.
  • css.gg — Pure CSS icons library, Customizable & Retina-Ready built.

Icons

  • Akar Icons — A icon library made for pretty much everyone.
  • Boxicons — A free collection of carefully crafted open source icons. Each icon is designed on a 24px grid with the material guidelines.
  • Fontello — Tool to build custom fonts with icons.
  • IconBros — Thousands of free icons.
  • Iconsax — 1000 icons in 6 different styles for React and React Native.
  • Radix Icons — A crisp set of 15×15 icons.
  • Tabler Icons — 800+ stroke, color and size Customizable free SVG icons.

Illustrations

  • Absurd — Surrealist illustrations. The artworks combine the absurdity and childishness.
  • Blush — Fully customizable and stunning illustrations made by artists across the globe.
  • DrawKit — Free and premium vector SVG illustrations, no attribution required.
  • Doodle Ipsum — The lorem ipsum of illustrations.
  • Humaaans — Mix-&-match illustrations of people.
  • IRA Design — Build your own illustrations using gradients and hand drawn sketch components.
  • ManyPixels — Editable and royalty-free SVG and PNG illustrations.
  • Ouch — Royalty-free clip art vector images and illustrations in PNG, SVG formats.
  • Streamline — A huge collection of illustrations in SVG, PNG and PDF formats. Really amazing.
  • unDraw — A design project with open-source illustrations.

Images

  • Lorem Picsum — Lorem Ipsum for photos.
  • Squoosh — Compress and compare images with different codecs, right in your browser.
  • Carbon — Create and share images of your source code.

Markdown

  • Commonmark — Learn Markdown with interactive tutorial.
  • Markdown Guide — A free and open-source reference guide that explains how to use Markdown. Which also consists of extended syntax from main ones and other tools which uses Markdown.
  • Dillinger — Online Markdown editor, write and export content into HTML, STYLED HTML, Markdown or PDF right from your browser.
  • Obsidian — Simple yet highly customizable Markdown application for your PC.
  • Typora — A cross-platform minimal markdown editor, providing seamless experience for both markdown readers and writers.

SVG

  • Get Waves — Wave generator to make unique SVG waves for your next web design.
  • Blog Maker — Shapes generator to create random, unique, and organic-looking SVG shapes.

Tailwind

  • Tailwind-UI Kit — 250 components and Templates for React, VueJS and Angular.
  • Tailwind Toolbox — Open source starter templates, components and a directory of building kits, generators, plugins, tools.
  • Creative Tim's Tailwind CSS Pack — A collection of templates and components in JavaScript, Angular, ReactJS, VueJS, CSS.
  • Tailblocks — Ready to use tailwind CSS components.
  • Kutty — A tailwind plugin with stable components for building web applications.
  • Tailwind Components — Tailwind CSS examples components by the community.
  • Wicked Blocks — A collection of layouts and components built with Tailwind ready to copy and paste on your next project.
  • Tailwind Starter Kit — A library of components made with Tailwind CSS to bootstrap your projects.

Other

  • LanguageTool — Open source grammar, writing style and spell checker.
  • Nodebb — Build on Node.js, a community forum software for web. Mobile-ready and easy-to-use.

About

An ocean of developer resources

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published