{"id":21500344,"url":"https://github.com/bhavya-dang/blog-website-task","last_synced_at":"2026-05-21T07:41:43.805Z","repository":{"id":257087351,"uuid":"856015692","full_name":"bhavya-dang/blog-website-task","owner":"bhavya-dang","description":null,"archived":false,"fork":false,"pushed_at":"2024-09-14T07:54:24.000Z","size":47,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-23T22:43:48.002Z","etag":null,"topics":["blogs","mongodb","vanilla-javascript"],"latest_commit_sha":null,"homepage":"https://blog-website-task.onrender.com/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/bhavya-dang.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-09-11T20:53:49.000Z","updated_at":"2024-09-14T08:06:01.000Z","dependencies_parsed_at":"2024-09-14T20:06:52.416Z","dependency_job_id":null,"html_url":"https://github.com/bhavya-dang/blog-website-task","commit_stats":null,"previous_names":["bhavya-dang/blog-website-task"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bhavya-dang%2Fblog-website-task","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bhavya-dang%2Fblog-website-task/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bhavya-dang%2Fblog-website-task/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bhavya-dang%2Fblog-website-task/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bhavya-dang","download_url":"https://codeload.github.com/bhavya-dang/blog-website-task/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244039233,"owners_count":20387835,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["blogs","mongodb","vanilla-javascript"],"created_at":"2024-11-23T17:35:32.700Z","updated_at":"2026-05-21T07:41:43.752Z","avatar_url":"https://github.com/bhavya-dang.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# BlogIt!\n\n## Overview\n\nBlogIt! is a dynamic platform where users can read and interact with blog posts.\n\n[_It is now live 🎉_](https://blog-website-task.onrender.com)\n(Its abysmally slow though since its on a free instance 😞)\n\n## Features\n\n- **Homepage**: Displays a featured blog and a list of recent blogs.\n- **Blog Pages**: Each blog has its own page with a detailed view and comment section.\n- **Comments**: Users can submit comments on blog posts.\n- **Responsive Design**: Ensures a seamless experience on various devices.\n\n## Tech Stack\n\n- **Frontend**:\n  - HTML5\n  - CSS3\n  - JavaScript (with asynchronous operations and DOM manipulation)\n  - Font Awesome (for icons)\n- **Backend**:\n\n  - Express.js (Node.js framework)\n  - MongoDB (for storing blog and comment data)\n  - RESTful API for fetching and submitting blog data and comments\n\n## Project Structure\n\n```bash\n├── package.json\n├── public\n|  ├── assets\n|  |  └── quill-icon.svg\n|  ├── blogs\n|  |  └── blog-template.html\n|  ├── blogs.html\n|  ├── css\n|  |  ├── blog.css\n|  |  └── index.css\n|  ├── index.html\n|  └── js\n|     ├── blog.js\n|     ├── blogs.js\n|     └── index.js\n├── README.md\n└── server\n   ├── app.js\n   ├── controllers\n   |  ├── blogController.js\n   |  └── commentController.js\n   ├── db\n   |  └── index.js\n   ├── models\n   |  ├── Blog.js\n   |  └── Comment.js\n   └── routes\n      ├── blogRoutes.js\n      └── commentRoutes.js\n```\n\n## Installation\n\n1. Clone the repository.\n\n```bash\ngit clone https://github.com/bhavya-dang/blog-website-task.git\n```\n\n1. Navigate to project directory.\n\n```bash\ncd blog-website-task\n```\n\n3. Install dependencies using npm:\n\n```bash\n  npm install\n```\n\n4. Set up your database and environment\n\n- Create a `.env` file and paste the following in it:\n\n```bash\nPORT=5000\nMONGO_URI=mongodb://localhost:27017/blogApp\n```\n\n- Replace the `MONGO_URI` value with the link to your db.\n\n5. Run the server\n\n```bash\nnpm run dev\n```\n\nThe server will start and be available at `http://localhost:5000`.\n\n## POST Request Example\n\nTo create a new blog post, you can send a POST request to `http://localhost:5000/api/blogs/` with the following body:\n\n```json\n{\n  \"title\": \"Test Blog\",\n  \"author\": \"Jane Doe\",\n  \"imgUrl\": \"https://placehold.co/400x200\",\n  \"description\": \"Blog Description\",\n  \"content\": \"Blog Content\"\n}\n```\n\n## Contact\n\nFor any questions or feedback, please reach out to bhavya.dang1207@gmail.com.\n\n# Todos\n\n- [x] responsive design\n- [x] navbar on individual blog page\n- [x] hosting\n- [x] code cleaning and commenting\n- [x] quill icon on all pages\n- [x] blog post CMS\n- [x] add loader during api calls\n- [x] meta tags for SEO\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbhavya-dang%2Fblog-website-task","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbhavya-dang%2Fblog-website-task","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbhavya-dang%2Fblog-website-task/lists"}