Rita

screenshot of Rita
react
tailwind

Batteries included starter for Adonis apps - React, Inertia, Typescript, Adonis

Overview

RITAimageReact Inertia Typescript Adonis with TailwindCSS is a powerful starter kit for building applications with the Adonis framework. This all-in-one package provides a flexible development environment to streamline the process of creating modern web applications with TypeScript and TailwindCSS. One of its main advantages is the inclusion of Docker support, which can enhance the efficiency of your development workflow and make setup a breeze.

The kit is packed with essential features that cater to both backend and frontend development, leveraging the latest technologies and frameworks. Whether you are a seasoned developer or just starting out, RITA offers a robust foundation to rapidly develop your applications while ensuring a good structure and best practices are followed throughout.

Features

  • Docker Support: Optional Docker environment simplifies local development by automatically setting up MySQL, Redis, and Mailhog for you.

  • TypeScript Integration: Type definitions for the application are included, allowing for seamless data handling between the frontend and backend using Inertia.

  • Authentication Options: Out-of-the-box support for email-password, Github, and Google authentication, making user management straightforward.

  • Custom Hooks: Includes hooks like useTitle to dynamically set the page title from within React components, enhancing user experience.

  • Inertia Integration: Share data across pages easily by modifying the shared data structure defined in Inertia, ensuring a smooth user experience.

  • Admin Middleware: Built-in admin middleware allows for easy management of user roles and permissions, essential for applications with varied access levels.

  • Real-time Communication: Integrated support for Socket.io enables real-time communication features within your application, expanding your project's capabilities.

  • Linting and Formatting: Comes preconfigured with ESLint and Prettier, ensuring your code remains clean and consistent throughout development.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

tailwind
Tailwind

Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.

postcss
Postcss

PostCSS is a popular open-source tool that enables web developers to transform CSS styles with JavaScript plugins. It allows for efficient processing of CSS styles, from applying vendor prefixes to improving browser compatibility, ultimately resulting in cleaner, faster, and more maintainable code.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.