This is a comments management application built with React and Redux, designed to facilitate the addition, deletion, and filtering of comments. The application maintains the state of comments and form inputs using Redux Toolkit, and persists data in localStorage to ensure user data is retained across sessions.
✔️ Add Comments: Users can submit new comments, which are added to the list and displayed in real time.
✔️ Delete Comments: Users can remove comments from the list with a single click.
✔️ Like Comments: Each comment has a like button, allowing users to increment the like count for their favorite comments.
✔️ Filter Comments: Users can filter comments based on usernames to view specific user contributions.
✔️ Form Management: A form component manages user input for comments and includes a search feature for finding specific comments.
✔️ Persistent Storage: Comments and form input values are saved to localStorage, ensuring data is not lost on page refresh.
React: A JavaScript library for building user interfaces.
Redux Toolkit: A modern state management library for React applications.
TypeScript: A strongly typed programming language that builds on JavaScript, providing better tooling at any scale.
Tailwind CSS: A utility-first CSS framework for designing custom user interfaces quickly.
ShadCN: A component library for building modern user interfaces with React.
Vite: A fast build tool and development server for modern web projects.
Before starting 🏁, you need to have Git and Node installed.
# Clone this project
$ git clone https://github.com/mmazitov/user_comments.git
# Navigate to the project directory:
$ cd user_comments
# Install dependencies:
$ npm install
# Start the development server:
$ npm run dev
# Open your browser and visit http://localhost:3000 to see the application in action.Contributions are welcome! Please feel free to submit a pull request or open an issue if you encounter any bugs or have feature requests.