{"id":25631600,"url":"https://github.com/rohan26ir/the-content-hub","last_synced_at":"2026-04-09T23:43:32.177Z","repository":{"id":270527432,"uuid":"910657585","full_name":"rohan26ir/The-Content-Hub","owner":"rohan26ir","description":"Content Hub is a modern blogging platform built with React, Firebase, MongoDB, and Vite. Users can register, log in, post blogs, comment, and wishlist blogs. Fully responsive and optimized for all devices.","archived":false,"fork":false,"pushed_at":"2025-02-12T10:08:54.000Z","size":151,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-12T10:52:28.222Z","etag":null,"topics":["content-hub","firebase-auth","npm-package","react","server-side-rendering","tailwindcss","vercel-deployment","vite","website"],"latest_commit_sha":null,"homepage":"https://content-hub-24.web.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/rohan26ir.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":"2025-01-01T00:38:17.000Z","updated_at":"2025-02-12T10:08:57.000Z","dependencies_parsed_at":"2025-01-01T01:22:06.702Z","dependency_job_id":"f34e8098-08d7-4854-808e-1a7892f986be","html_url":"https://github.com/rohan26ir/The-Content-Hub","commit_stats":null,"previous_names":["rohan26ir/the-content-hub"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rohan26ir%2FThe-Content-Hub","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rohan26ir%2FThe-Content-Hub/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rohan26ir%2FThe-Content-Hub/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rohan26ir%2FThe-Content-Hub/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rohan26ir","download_url":"https://codeload.github.com/rohan26ir/The-Content-Hub/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240234326,"owners_count":19769356,"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":["content-hub","firebase-auth","npm-package","react","server-side-rendering","tailwindcss","vercel-deployment","vite","website"],"created_at":"2025-02-22T20:28:46.013Z","updated_at":"2026-04-09T23:43:27.128Z","avatar_url":"https://github.com/rohan26ir.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# The Content Hub\n\n## Project Overview\n\n**The Content Hub** is a dynamic, user-friendly blogging platform built with modern technologies like **React**, **Firebase**, **MongoDB**, and **Vite**. The website allows users to register, log in, post blogs, comment on blogs, wishlist blogs, and much more. It is fully responsive and optimized for mobile, tablet, and desktop views.\n\n## Live URL\n\n[The Content Hub](https://content-hub-24.web.app/)\n\n## Key Features\n\n- **Authentication**: Users can register and log in using email/password authentication. Integration with third-party authentication services like Google is also included.\n- **Fully Responsive Design**: The platform is optimized for mobile, tablet, and desktop devices to ensure a seamless user experience across all screen sizes.\n- **Create and Manage Blogs**: Logged-in users can add, edit, and delete their own blog posts, with fields for title, image URL, category, short description, and long description.\n- **Featured Blogs**: Display top blogs based on word count in the long description.\n- **Wishlist**: Users can add blogs to their wishlist and view them on a dedicated wishlist page.\n- **Comments**: Users can comment on blogs (except on their own) with profile pictures attached to each comment.\n- **Search \u0026 Filter**: Users can search for blogs by title and filter by category to easily find the content they're interested in.\n- **JWT Authentication**: Secure private routes with JWT to protect users' personal data.\n- **Data Table**: The featured blogs are displayed in a sortable data table using **Tanstack-Table** or another similar library.\n- **Animations**: The homepage includes engaging animations powered by **Framer Motion** to enhance user interaction.\n\n## Technologies Used\n\n- **Frontend**:\n  - **React** for building the UI.\n  - **Tailwind CSS** for styling and responsive design.\n  - **React Router** for routing and navigation.\n  - **Firebase** for authentication.\n  - **Framer Motion** for animations.\n  - **Vite** as the build tool and development server.\n  \n- **Libraries**:\n  - **@react-icons/all-files** for adding icons.\n  - **@tanstack/react-query** for data fetching and caching.\n  - **@tanstack/react-table** for creating sortable data tables.\n  - **axios** for making API calls.\n  - **react-toastify** for showing toast notifications.\n  - **sweetalert2** for elegant alerts and pop-ups.\n  - **react-helmet** for managing the document head.\n  - **react-hot-toast** for better toast notifications.\n  - **moment** and **date-fns** for date formatting.\n  - **match-sorter** for sorting blog data.\n  \n- **Development Tools**:\n  - **Vite** for fast and optimized development builds.\n  - **ESLint** for JavaScript linting.\n  - **Tailwind CSS** for utility-first styling.\n  - **DaisyUI** for pre-built components in Tailwind CSS.\n\n### Frontend requerement:\n\n[DOCS LINK:](https://docs.google.com/document/d/1BmkQilfhFTLDeF_KOWKThBV8iATvSHfon93pMuk8hd4/edit?tab=t.0)  \n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frohan26ir%2Fthe-content-hub","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frohan26ir%2Fthe-content-hub","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frohan26ir%2Fthe-content-hub/lists"}