Feedback collection app
Chaitanya
Frontend Engineer
Fullstack Engineer
Software Engineer
Node.js
React
Remix
Overview
This product feedback collection application is a comprehensive full-stack project developed using Remix Run, Tailwind CSS, and Supabase. The app is designed to allow users to create, read, update, and delete product feedback requests, as well as interact with existing feedback through comments, replies, and upvotes. It features responsive design, sorting, filtering, and more, ensuring an optimal user experience across various devices.
Technologies Used
Frontend: Remix Run
Backend: Supabase
Styling: Tailwind CSS
State Management: React Context API
Persistence: Local Storage, Supabase (for backend data storage)
Features
CRUD Operations:
Users can create, read, update, and delete product feedback requests, allowing for comprehensive feedback management.
Form Validation:
Robust form validations ensure users provide the necessary information when creating or editing feedback requests, improving data quality.
Sorting and Filtering:
Users can sort feedback suggestions by most/least upvotes and most/least comments, helping to prioritize feedback.
Filter suggestions by category to quickly find relevant feedback.
Comments and Replies:
Add comments and replies to feedback requests, fostering discussions and providing deeper insights into the feedback.
Upvoting:
Users can upvote product feedback requests, enabling popular suggestions to rise to the top.
Responsive Layout:
The application is designed to provide an optimal user experience on any device, from mobile phones to desktops.
Comments
Users can comment on a specific suggestion, others can upvote/downvote these comments.
Technical Challenges and Solutions
Form Validation: Implemented custom validation logic to ensure data integrity and provide user-friendly error messages.
Responsive Design: Utilized Tailwind CSS to create a responsive design that adapts to various screen sizes, ensuring a consistent experience.
Data Synchronization: Managed state efficiently to keep front-end and back-end data in sync, providing a seamless user experience.
Conclusion
This feedback collection app demonstrates my ability to build complex full-stack applications with modern technologies. The app's extensive feature set, including CRUD operations, sorting, filtering, and responsive design, showcases my proficiency in web development. I am proud to include this project in my portfolio as an example of my skills with Remix Run, Tailwind CSS, and Supabase.
