Interactive Comment Section WebApp using React JS and Tailwind

👋Hello, Frontend Mentor coding community.

👨🏼‍💻This is solution for the Interactive Comment Section Web App

🛠️ Built with

• 🕸️ Html 5, Tailwind CSS & React JS
• 📱 Mobile First Approach
• 🎥 Sprinkle of Framer Motion
• 🤹 Daisy UI

🎨 Features

• 🪁 Relative Source Font
• 💈 Custom Scrollbar
• ✨ Prettier Plugin
• 🔁 Theme Mode with localStorage
• 🧏 Tested on windows OS with NVDA & preinstalled screen reader
• ✔️ Tested with linter (eslint)
• ⌨️ Accessible with keyboard

📜 What I learnt?

• React Hooks
• Implementing ErrorBoundary
• Complex State Management
• Prop Validation
• Intermediate Accessibility

💡Bonus

• Switch Users
• Theme Toggle with system pref + (manual + localstorage)
• RealTime timestamp
• Detect Censor words and make it *
• Emoji Picker
• Hit Enter key to send the comment

Future Updates

• LocalStorage for comments
• Making more accessible

I'll be happy to hear any feedback and advice!🤗