The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Rangoli CRM - Serverless React CRM Platform
Rangoli CRM was a serverless React.js CRM platform that I developed from scratch, including the frontend, serverless backend workflows, API integrations, deployment, and production setup. The system was built to manage customers, orders, billing, printable invoices, shipments, and business reporting from a single dashboard.
The frontend was built with React.js and hosted on Firebase Hosting. For backend/serverless logic, I used Firebase Cloud Functions, while Hasura was deployed on Heroku to provide GraphQL APIs for application data. I integrated shipment workflows, including Shiprocket, so the business could manage order delivery and tracking directly through the CRM.
My Role
Full Project Developer
Key Work
Developed the complete CRM from scratch
Built React.js dashboard screens for customers, orders, billing, invoices, shipments, and reports
Hosted the frontend on Firebase Hosting
Built serverless workflows using Firebase Cloud Functions
Used Hasura on Heroku for GraphQL data APIs
Integrated GraphQL APIs with Apollo Client
Integrated Shiprocket for shipment and delivery workflows
Managed frontend state using Redux
Built responsive UI using Ant Design
Handled deployment, debugging, and production setup
Tech Stack
React.js, Redux, Ant Design, Firebase Hosting, Firebase Cloud Functions, Hasura, GraphQL, Apollo Client, Heroku, Shiprocket API, JavaScript
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Personal Portfolio & Headless CMS – High-Performance Next.js Platform
A dynamic, full-stack portfolio platform and self-service CMS engineered with Next.js 16, React 19, Prisma, and PostgreSQL. Features zero-REST server actions, instant bilingual localization (EN/ID via next-intl), secure media uploads via Supabase Storage, and a hardened admin dashboard protected by explicit email allowlists. Fully audited for codebase security and scores 99+ on mobile Lighthouse audits.
The dark profile column keeps that skills grid from fighting the bio. A quiet self-serve CMS behind this layout is more useful than another one-page hero.
I built QuoteKit because quoting a project should not feel like guessing in public.
A client starts with a package, shapes the scope, chooses a timeline and explains what they need. QuoteKit turns those choices into a working estimate, a realistic range and clear reasons behind the price.
It works in English and French, adapts to mobile and gives both sides a summary they can copy, download or print.
I designed the product, pricing logic and interface for NexusHub Studio. It is a small tool with a simple goal: make the first client conversation clearer.
QuoteKit is available for 10 USD with a commercial license.
What would you want an estimator like this to explain before you send a quote?
Quote clearly. Start better.
Explaining the estimate turns pricing into a much clearer conversation.
Website Design | UI/UX Design | Web Design
A modern website design concept focused on creating a clean, engaging, and user-friendly digital experience.
The design combines strong visual hierarchy, intuitive navigation, thoughtful spacing, and responsive layouts to create an interface that feels polished while keeping the user journey simple and clear.
From the overall page structure to typography, imagery, and calls-to-action, each element was designed to create a cohesive experience that works across desktop and mobile.
The spacing and hierarchy keep the experience approachable.