Submitted about 1 year ago
Interactive Comment Section WebApp using React JS and Tailwind
@NehalSahu8055
Design comparison
SolutionDesign
Solution retrospective
๐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!๐ค
Community feedback
- @tripkminPosted about 1 year ago
This is a very good solution. Thanks a lot for the reference ๐
1@NehalSahu8055Posted about 1 year agoThanks @tripkmin for your positive feedback :)
0@WarmarthPosted about 1 year ago@NehalSahu8055 Your work is very nice it's simple and unique
1@NehalSahu8055Posted about 1 year agoThanks Buddy for your feedback ๐, I am glad you liked it.
0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord