BloggingWebsite-FDSA

BloggingWebsite-FDSA is a front-end project showcasing a blogging platform called ScriBBler.
Users can sign up, sign in, create blog posts, view all posts, and interact with individual posts through likes, comments, and editing features.

Built using HTML, CSS, and JavaScript, this project focuses on responsive UI design and effective DOM manipulation.

---

✨ Features

🔐 Authentication

• Sign Up and Sign In modals with basic form validation

📝 Create Post

• Modal to create a blog post
• Input fields for title and content

📄 All Posts Page

• Grid layout of blog previews
• Displays author name, blog title, and short excerpt
• Icons for viewing and deleting posts

📌 Individual Post Page

• Full blog content display
• Edit and save functionality for title and content
• Like button with dynamic counter
• Comment section with live updates

---

🛠️ Tech Stack

• HTML5 – Structure
• CSS3 – Styling and responsive layout
• JavaScript (ES6) – Interactivity and DOM manipulation
• Font Awesome – Icons

---

📂 Project Structure

BloggingWebsite-FDSA/
├── index.html
├── html/
│   ├── postslist.html
│   └── post.html
├── styles/
│   ├── common.css
│   ├── postslist.css
│   └── post.css
├── scripts/
│   ├── common.js
│   ├── postslist.js
│   └── post.js
└── images/

---

🚀 Getting Started

1. Clone the repository:

   git clone https://github.com/SHREYA-G-AMIN/BloggingWebsite-FDSA.git

2. Navigate to the project folder:

   cd BloggingWebsite-FDSA
   

3. Open index.html in your browser to start the app.

---

🎯 Purpose

This project demonstrates front-end development skills including: Responsive UI design Modal implementation DOM manipulation with JavaScript User interaction features (likes, comments, editing posts)

---

📜 License

This project is created for educational purposes as part of the Frontend Development Assignment (FDSA).