Celo Composer

screenshot of Celo Composer
angular
react
react-native

celo-composer is a starter project with all code needed to build, deploy, and upgrade a dapps on Celo.

Overview

Celo Composer is an impressive command-line interface tool designed for developers looking to build customizable starter kits on the Celo blockchain. With a modern monorepo architecture, it streamlines the development process by offering a wide range of templates and integrations. Whether you’re looking to create a basic web app, a miniapp, or an AI chat application, Celo Composer sets you up for success in a matter of seconds.

The tool leverages state-of-the-art features including Next.js 14+, TypeScript, and Tailwind CSS, making it an excellent choice for modern web application development. With an emphasis on developer experience, Celo Composer provides an interactive setup process, ensuring you can hit the ground running without cumbersome initial configurations.

Features

  • Modern Stack: Built with Next.js 14+, TypeScript, and Tailwind CSS for a contemporary development experience.
  • Monorepo Ready: Utilizes Turborepo with PNPM workspaces to efficiently manage dependencies across multiple projects.
  • Beautiful UI: Comes pre-configured with shadcn/ui components for a visually appealing user interface out of the box.
  • Developer Experience: Offers interactive prompts and clear feedback, making setup intuitive and user-friendly.
  • Celo Optimized: Tailored specifically for Celo blockchain development, ensuring seamless integration and functionality.
  • Multiple Templates: Choose from various templates, including Basic Web App, Farcaster Miniapp, Minipay, and AI Chat templates to suit different project needs.
  • Flexible Integrations: Easily incorporate wallet providers like RainbowKit and Thirdweb, along with smart contract frameworks such as Hardhat and Foundry.
  • No Installation Required: Use npx to launch Celo Composer directly without needing any global installation, simplifying the setup process.
angular
Angular

Angular is a TypeScript-based open-source framework by Google for building dynamic single-page applications and cross-platform mobile apps with MVC architecture and a rich set of features.

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

react-native
React Native

React Native is a framework for building mobile applications using React and JavaScript. It enables developers to write once and deploy to multiple platforms, including iOS, Android, and the web, while providing a native app-like experience to users.

Flutter

Flutter is an open-source UI framework developed by Google that allows developers to create high-performance, cross-platform mobile applications with a single codebase.

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.

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.