{"id":25009800,"url":"https://github.com/tapader13/techblog-fronend","last_synced_at":"2026-04-10T15:01:56.034Z","repository":{"id":275836893,"uuid":"855943480","full_name":"tapader13/TechBLog-fronend","owner":"tapader13","description":"TechBLog is a tech blog platform built with Next.js and Tailwind CSS, featuring articles on JavaScript, React, and Node.js. Users can like, bookmark, and search articles by category, while Firebase manages authentication and MongoDB stores content.","archived":false,"fork":false,"pushed_at":"2025-02-04T20:23:45.000Z","size":2709,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-04T21:23:14.024Z","etag":null,"topics":["axios","embla-carousel","firebase","framer-motion","markdown","mongoose","nextjs14","tailwindcss","zustand"],"latest_commit_sha":null,"homepage":"https://blog-frnt.vercel.app","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/tapader13.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-11T18:00:44.000Z","updated_at":"2025-02-04T20:23:48.000Z","dependencies_parsed_at":"2025-02-04T21:33:59.056Z","dependency_job_id":null,"html_url":"https://github.com/tapader13/TechBLog-fronend","commit_stats":null,"previous_names":["tapader13/techblog-fronend"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tapader13%2FTechBLog-fronend","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tapader13%2FTechBLog-fronend/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tapader13%2FTechBLog-fronend/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tapader13%2FTechBLog-fronend/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tapader13","download_url":"https://codeload.github.com/tapader13/TechBLog-fronend/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246268441,"owners_count":20750114,"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":["axios","embla-carousel","firebase","framer-motion","markdown","mongoose","nextjs14","tailwindcss","zustand"],"created_at":"2025-02-05T04:51:57.600Z","updated_at":"2025-12-30T20:30:00.108Z","avatar_url":"https://github.com/tapader13.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# TechBLog  \n\n## Overview  \n**Blog Front-End** is a technology-focused blogging platform that delivers insightful articles on web development topics such as JavaScript, React, and Node.js. Users can browse trending and latest posts, like and bookmark articles, and filter content by categories.  \n\n---\n\n## Screenshot  \n![https://via.placeholder.com/1200x600?text=Project+Screenshot](https://i.postimg.cc/NFg4ncPT/Screenshot-2025-02-05-021523.png) \n\n---\n\n## Technologies Used  \n- **Frontend:** Next.js, React, Tailwind CSS  \n- **State Management:** Zustand  \n- **Database:** MongoDB (via Mongoose)  \n- **Authentication \u0026 Backend:** Firebase  \n- **Other Libraries:** Axios, Framer Motion, React Icons, React Markdown  \n\n---\n\n## Core Features  \n✔️ Browse and read technology blogs  \n✔️ User authentication (login/logout)  \n✔️ Like and bookmark blogs  \n✔️ Remove bookmarks when needed  \n✔️ Search blogs and filter by category  \n✔️ View trending and latest posts  \n\n---\n\n## Dependencies  \n```json\n{\n  \"@radix-ui/react-dialog\": \"^1.1.1\",\n  \"@radix-ui/react-icons\": \"^1.3.0\",\n  \"@radix-ui/react-label\": \"^2.1.0\",\n  \"@radix-ui/react-slot\": \"^1.1.0\",\n  \"@tailwindcss/typography\": \"^0.5.15\",\n  \"axios\": \"^1.7.9\",\n  \"class-variance-authority\": \"^0.7.0\",\n  \"clsx\": \"^2.1.1\",\n  \"embla-carousel-react\": \"^8.2.1\",\n  \"firebase\": \"^11.1.0\",\n  \"framer-motion\": \"^11.5.4\",\n  \"lucide-react\": \"^0.439.0\",\n  \"mongoose\": \"^8.6.1\",\n  \"next\": \"14.2.9\",\n  \"react\": \"^18\",\n  \"react-dom\": \"^18\",\n  \"react-hot-toast\": \"^2.5.1\",\n  \"react-icons\": \"^5.3.0\",\n  \"react-markdown\": \"^9.0.1\",\n  \"react-syntax-highlighter\": \"^15.5.0\",\n  \"reading-time\": \"^1.5.0\",\n  \"remark-gfm\": \"^4.0.0\",\n  \"tailwind-merge\": \"^2.5.2\",\n  \"tailwindcss-animate\": \"^1.0.7\",\n  \"zustand\": \"^5.0.3\"\n}\n```\n\n---\n\n## Getting Started (Run Locally)  \n\n### 1️⃣ Clone the Repository  \n```sh\ngit clone https://github.com/tapader13/blog-frontend.git\ncd blog-frontend\n```\n\n### 2️⃣ Install Dependencies  \n```sh\nnpm install\n```\n\n### 3️⃣ Set Up Environment Variables  \nCreate a `.env` file in the root directory and add the following:  \n```env\nMONGO_URI=\"your_mongodb_connection_string\"\n```\n\n### 4️⃣ Start the Development Server  \n```sh\nnpm run dev\n```\n\n### 5️⃣ Open in Browser  \nVisit **[http://localhost:3000](http://localhost:3000)** to see the app in action.\n\n---\n\n## Live Demo \u0026 Resources  \n🚀 **Live Project:** [Deployed Link Here](https://blog-frnt.vercel.app/)(#)  \n\n---\n\n👨‍💻 **Contributions are welcome!** Feel free to submit issues or pull requests.  \n📩 **Have questions?** Contact me at [minhajtapader0@gmail.com](mailto:minhajtapader0@gmail.com).  \n\n---\n\n⭐ **Like this project?** Give it a star on GitHub!  \n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftapader13%2Ftechblog-fronend","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftapader13%2Ftechblog-fronend","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftapader13%2Ftechblog-fronend/lists"}