Frontend
🎨 Design Tools:
-
Color- A resource for downloading Nerd Fonts, which are patched fonts for developers.
-
Penpot- An open-source design and prototyping platform that allows for collaborative work.
-
Blueprint- A React-based UI toolkit for building complex, data-dense interfaces.
-
Balsamiq- A rapid wireframing tool that helps you create mockups quickly and easily.
-
Flex- An interactive game for learning CSS Flexbox.
💻 Development Resources:
-
Vue.js- A progressive JavaScript framework for building user interfaces.
-
GitHub - dypsilon/frontend-dev-bookmarks- A comprehensive list of bookmarks for frontend developers.
-
Evergreen Documentation- Documentation for Evergreen, a React UI framework for building ambitious projects.
-
How to Setup Iconic Font Aggregator- Guide on setting up Nerd Fonts for iconic font aggregation.
-
Create Next App- A tool to bootstrap a Next.js application quickly.
-
Flowbite- An open-source library of UI components built with Tailwind CSS.
-
StepZen Documentation- Getting started guide for StepZen, a GraphQL API development tool.
-
GraphQL PHP Schema Definition- Documentation on defining schemas in GraphQL using PHP.
-
Shadcn for Vue- A component library for Vue.js, designed for building beautiful UIs.
-
Tailbits Component Library- A collection of customizable Tailwind CSS components.
-
Formik- A form library for React that helps with managing form state and validation.
-
Next.js Material-UI Integration- Guide on integrating Material-UI with Next.js applications.
🎞️ Animation Libraries:
-
anime.js- A lightweight JavaScript animation library with a simple API.
-
Chart.js- A JavaScript library for creating interactive charts and graphs.
-
Loader Animations- A collection of CSS loader animations for web projects.
-
Driver.js- A lightweight, powerful, and flexible library for driving users focus across the page.
-
Flickity- A touch-friendly, responsive carousel library.
-
Scroll Animations- A library for creating scroll animations on web pages.
🆓 Free Resources:
-
Free Illustrations- A collection of free, open-source illustrations for any project.
-
Free Icons- A large collection of free simple icons for your next project.
-
Free Fonts- Google Fonts offers a wide variety of free, open-source fonts.
📚 Other Resources:
-
Dribbble- A community of designers sharing their work, process, and projects.
-
Bootstrapr- A collection of free Bootstrap themes and templates.
-
cdnjs- A free content delivery network for JavaScript libraries.
-
Choosing Colors- A tool for choosing color schemes and exploring color combinations.
🖥️ Backend:
-
SQL Practice
-
Learn SQL - Online SQL Terminal - Practice SQL Queries- A platform to practice SQL queries interactively.
-
API Development
-
API Platform for Laravel - Laravel News- Guide on building APIs in Laravel with best practices and tools.
-
JSONPlaceholder - Free Fake REST API- A free online REST API for testing and prototyping.
-
Database Design
-
ERDPlus- A tool for creating Entity-Relationship diagrams and relational schemas.
-
Laravel
-
How to Build Laravel 11 API From Scratch- A course on building APIs using Laravel 11.
-
Deploy a Laravel App with GitHub Actions- A guide to automating Laravel app deployment using GitHub Actions.
-
MySQL Visual Explain- MySQL Visual Explain
A tool for visualizing MySQL query execution plans.
-
Implementing Passkey Authentication in Your Laravel App- Learn how to implement passkey authentication for enhanced security.
-
InvoiceShelf - Open Source Laravel Application- An open-source Laravel app for invoice management.
🛠️ Laravel Best Practices:
-
20+ Laravel Best Practices, Tips, and Tricks to Use in 2024- A collection of Laravel best practices for modern web development.A collection of Laravel best practices for modern web development.
-
19+ Laravel Best Practices for Developers in 2024- Best practices for Laravel developers to boost productivity and performance.
-
Laravel Best Practices GitHub Repository- A GitHub repo containing a collection of useful Laravel best practices.
⚙️ Laravel Optimization:
-
Stop Slow Laravel Apps! Optimize with Smart Caching- A guide on optimizing slow Laravel apps using advanced caching techniques.
-
The 7 Levels of Laravel Optimization- Learn Laravel optimization from beginner to advanced levels.
-
Laravel Response Cache- Learn Laravel optimization from beginner to advanced levels.
🔧 Laravel Development Tools:
-
Laravel Backup Server v4- A tool for managing Laravel backups with ease.
-
Laravel Playground- An online tool for experimenting with Laravel code snippets in real-time.
-
Laravel View Creators- A resource for creating dynamic Laravel views easily.
-
Laravel Updater- A tool to simplify updating Laravel applications.
-
Things to Do After a Fresh Laravel Install- A list of tasks to set up after a fresh Laravel installation.
-
Laravel 11 Cron Job Task Scheduling Example- A tutorial for scheduling tasks with cron jobs in Laravel 11.
-
Complete Guide to Laravel Folder and File Structure- A comprehensive guide on understanding Laravel folder and file structure.
-
Laravel Admin Panel- An open-source admin panel for Laravel applications.
📧 Email Testing:
Mailtrap - Email Delivery Platform- A tool to test email delivery in development environments.
🗃️ Database Tools:
DBeaver Community | Free Universal Database Tool- A free database management tool supporting a wide range of databases.
📦 Miscellaneous:
-
13 Laravel Tips in 10 Minutes: October 2024- A quick YouTube tutorial with useful Laravel tips.
-
Orchid - Laravel Admin Panel Installation- A guide for installing and setting up Orchid, a Laravel admin panel.