This project is a modern, responsive Progressive Web App (PWA) built using React, Vite, and Tailwind CSS. The idea was inspired by the need to create fast, installable, and mobile-friendly web apps with clean architecture and performance in mind.
- What I Learned How to integrate Tailwind CSS for utility-first, responsive design.
Setting up a Vite project for faster development and build times.
Structuring a scalable project using path aliases and cleaner file management.
Making the app offline-capable and installable using PWA support.
Configuring PostCSS to process Tailwind and apply transformations correctly.
-How I Built It Bootstrapped with Vite + React template.
Tailwind CSS configured with PostCSS and postcss.config.js.
Added PWA support using vite-plugin-pwa.
🧩 Challenges I Faced Resolving Tailwind CSS errors like @apply and @tailwind not working due to misconfigured PostCSS.
MIME type errors while deploying — required setting proper file paths for manifest and icons.
Handling file structure for a clean and scalable setup using path aliases in vite.config.ts.
✅ Outcome
Built With
- postcss
- pwa
- react
- tailwind
- vite
Log in or sign up for Devpost to join the conversation.