In this month round of our Fresh Resource series, we’ve put together a wide variety of tools, frameworks, and materials for our fellow web developers. We’ve got React extensions, several PHP-based applications, a CSS library that will make you feel nostalgic, and a reference to get better with your development skill. Without further, let’s see the full list:
FreeForDev is an amazing list of services that provide free tiers. The list is vast, ranging from Cloud Providers, Web Hosting, Source Code Repos, Code Quality Services, Monitoring, etc. I’m sure many developers will find this vast useful, especially for those who have just gotten started and on budget.
TinaCMS is a “CMS” based on the latest shiniest stacks today — React, Gatsby and Next.js. The CMS allows you to add fields on the website allowing you to edit your site content in real-time. TinaCMS supports a number of field editors, including the text, textarea, image, datepicker, and color. Not a fan of working with React.js? Soon it will also support Vue.js, Gridsome and Nuxt.js setup.
As the name implies, it is a framework for building Singla Page Application (SPA) with Laravel and Vue.js. It works with Laravel 6.0, which is the latest version to date, and it also comes Socialite to let you integrate with Social media sites like Twitter and Github. An overall immense framework that will save a lot of time on building SPA.
A self-hosted CMS for organizing and storing information. It’s a perfect platform to publishing documentation, notes or Wiki. It’s free, open-source, built with Laravel, customizable, and you can host it in as low as $5 DigitalOcean VPS.
A self-hosted application to read RSS feed. Built with PHP with very minimum requirements. FreshRSS is a good alternative to Saas like Feedly. With FreshRSS, you keep all your data, you can either install it in a very cheap web hosting or in a localhost with MAMP or WAMP.
A collection of CSS frameworks to build UI components such as buttons, forms, and inputs with 8-bit retro styles from NES (Nintendo).
A command line utility to check a domain registration. It performs fast, and I find it a really good alternative compared to the web-based Whois website checker, which often is annoying with the popup ads and the Captcha verification.
A End-to-end test framework built exclusively for Angular and AngularJS applications. It allows you to run a series of tests in a real browser and interact with the application like a normal user, which will ensure that your Angular app is working as expected.
TSDX aims to improve the developer experience when setting up a TypeScript project. With just a single command, you can get up and ready to work on your project immediately, so you don’t need to waste time setting up TypeScript, Rollup, Jest or other configurations.
A collection of JAMStack Conf video in 2019. Lots of great talks from great speakers to keep up with the progress in the web industry.
A React.js component to draw sketchy rough charts. It’s responsive and supports a number of common chart types, including Pie, Bar, and Line. If you’d like to show Charts on your website that does not look boring, this might be a good one.
A modern CSS framework built with CSS Flexbox. It comes with a number of pre-defined UI components such as Buttons, Accordion, Breadcrumbs, Navigations, Forms, etc.
A UI component to building consistent search UI with ElasticSearch. Components include the search form with a suggestion list as well as the search filters. You can use it with React.js, Vue.js, and React Native.
A collection of React components such as the Button, the Headings, and Forms built with Styled System. The styled system is a standardized React props to change styles. It makes customizing the component style quick, easy, and most consistent.
A UI component sandbox for React.js. It allows you to render the UI component in isolation. You can test each of your component properties, interact with it, and view it in different viewport sizes.