https://github.com/payal033/interactive-comments-section
This project is an interactive comments section built as part of a Frontend Mentor challenge. The goal is to create a dynamic and user-friendly comment system.
https://github.com/payal033/interactive-comments-section
angular html-css responsive typescript
Last synced: 11 months ago
JSON representation
This project is an interactive comments section built as part of a Frontend Mentor challenge. The goal is to create a dynamic and user-friendly comment system.
- Host: GitHub
- URL: https://github.com/payal033/interactive-comments-section
- Owner: payal033
- Created: 2025-02-27T11:20:08.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2025-02-27T13:12:38.000Z (11 months ago)
- Last Synced: 2025-02-27T16:23:16.473Z (11 months ago)
- Topics: angular, html-css, responsive, typescript
- Language: TypeScript
- Homepage: https://payal033.github.io/Interactive-comments-section/
- Size: 1.9 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Frontend Mentor - Interactive comments section
## Interactive Comments Section 💬
### [Demo](https://payal033.github.io/Interactive-comments-section/)
This project is an **interactive comments section** built as part of a **Frontend Mentor challenge**. The goal is to create a fully functional comment system with real-time interactions, including replies, voting, and editing capabilities.
## 🚀 Features
✅ Add new comments
✅ Reply to existing comments
✅ Edit own comments
✅ Delete comments with a confirmation prompt
✅ Upvote/downvote comments
✅ Fully responsive UI
✅ Nested comment threads
## 🛠️ Technologies Used
- **Angular**
- **TypeScript**
- **CSS** for styling
- **Local Storage** for data persistence
## 🚀 Getting Started
### 1️⃣ Clone the Repository
```sh
git clone https://github.com/payal033/interactive-comments-section.git
cd interactive-comments-section
```
### 2️⃣ Install Dependencies
```sh
npm install
```
### 3️⃣ Run the Application
```sh
ng serve # or npm start
```
The app will be available at http://localhost:4200.
### Screenshots
