{"id":24736791,"url":"https://github.com/abusaleh123/blog-sphere-web","last_synced_at":"2026-04-12T09:01:59.794Z","repository":{"id":271861848,"uuid":"914797379","full_name":"abusaleh123/Blog-Sphere-Web","owner":"abusaleh123","description":"Blog Sphere is an engaging and interactive blog platform where users can explore, comment, and share insightful content.","archived":false,"fork":false,"pushed_at":"2025-02-12T10:17:21.000Z","size":51148,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-12T10:27:18.941Z","etag":null,"topics":["firebase","html5","javascript","mongodb","nodejs","reactjs","tailwindcss"],"latest_commit_sha":null,"homepage":"https://blog-sphere-55e89.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/abusaleh123.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-10T10:23:45.000Z","updated_at":"2025-02-12T10:17:25.000Z","dependencies_parsed_at":"2025-02-12T10:36:13.565Z","dependency_job_id":null,"html_url":"https://github.com/abusaleh123/Blog-Sphere-Web","commit_stats":null,"previous_names":["abusaleh123/blog-sphere-web"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/abusaleh123%2FBlog-Sphere-Web","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/abusaleh123%2FBlog-Sphere-Web/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/abusaleh123%2FBlog-Sphere-Web/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/abusaleh123%2FBlog-Sphere-Web/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/abusaleh123","download_url":"https://codeload.github.com/abusaleh123/Blog-Sphere-Web/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244993978,"owners_count":20544084,"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":["firebase","html5","javascript","mongodb","nodejs","reactjs","tailwindcss"],"created_at":"2025-01-27T21:59:40.445Z","updated_at":"2026-04-12T09:01:54.757Z","avatar_url":"https://github.com/abusaleh123.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Blog Sphere (A Blog Website)\n\n### Purpose:\n A blog website aims to share insights, connect audiences, inspire creativity, educate, provide updates, promote brands, express opinions, showcase expertise, and foster community engagement globally.\n\n## About This Project\n\n![Alt text](https://github.com/abusaleh123/Blog-Sphere-Web/blob/aa0d823c02afabdf3c2a207b2f8a21c1731d216a/Screenshot%202025-01-08%20121422.png)\n![Alt text](https://github.com/abusaleh123/Blog-Sphere-Web/blob/aa0d823c02afabdf3c2a207b2f8a21c1731d216a/Screenshot%202025-01-08%20121404.png)\n\n## Key Features :\n\n### Dynamic Blog Management\n- Users can add, update, and view blogs with detailed information. Features include filtering blogs by category, searching by title, and managing personal blogs via a private route.\n\n### Interactive Wishlist System\n- Allows logged-in users to wishlist blogs, view their wishlist on a dedicated page, and remove blogs as needed. Wishlist data is stored securely and dynamically updated.\n\n### Advanced Authentication\n- Includes email/password-based authentication, social login options (e.g., Google), and JWT protection for private routes. Error handling ensures user-friendly feedback\n\n### Enhanced Blog Details with Comments\n- Blog details pages support user comments with profile pictures and names. Conditional features restrict self-comments and allow blog owners to edit their content.\n\n### Responsive and Engaging UI\n- Fully responsive design with features like Framer Motion animations, sortable tables for top blogs, newsletter subscription toasts, and smooth navigation across devices.\n\n\n## NPM Packages :\n\n- Tailwind\n- DaisyUI\n- React-Toastify\n- React-photo-view\n- React-loading-skeleton\n- React-data-table\n- React-Icons\n- React-intersection-observer\n\n\n\n  # Main Technology:\n\n\u003cdiv align=\"left\"\u003e\n  \u003cimg src=\"https://cdn.jsdelivr.net/gh/devicons/devicon/icons/html5/html5-original.svg\" height=\"40\" alt=\"html5 logo\"  /\u003e\n  \u003cimg width=\"12\" /\u003e\n  \u003cimg src=\"https://cdn.jsdelivr.net/gh/devicons/devicon/icons/tailwindcss/tailwindcss-original-wordmark.svg\" height=\"40\" alt=\"tailwindcss logo\"  /\u003e\n  \u003cimg width=\"12\" /\u003e\n  \u003cimg src=\"https://cdn.jsdelivr.net/gh/devicons/devicon/icons/javascript/javascript-original.svg\" height=\"40\" alt=\"javascript logo\"  /\u003e\n  \u003cimg width=\"12\" /\u003e\n  \u003cimg src=\"https://cdn.jsdelivr.net/gh/devicons/devicon/icons/react/react-original.svg\" height=\"40\" alt=\"react logo\"  /\u003e\n  \u003cimg width=\"12\" /\u003e\n  \u003cimg src=\"https://cdn.jsdelivr.net/gh/devicons/devicon/icons/firebase/firebase-plain.svg\" height=\"40\" alt=\"firebase logo\"  /\u003e\n  \u003cimg src=\"https://cdn.jsdelivr.net/gh/devicons/devicon/icons/mongodb/mongodb-original.svg\" height=\"40\" alt=\"mongodb logo\"  /\u003e\n\n\u003c/div\u003e\n\n#\n\n\n\n\n\n\n\n\n## Dependencies\n\n- [AOS](https://github.com/michalsnik/aos) - ^2.3.4\n- [Axios](https://github.com/axios/axios) - ^1.7.9\n- [EmailJS](https://github.com/emailjs-com/emailjs-sdk) - ^4.0.3\n- [Firebase](https://github.com/firebase/firebase-js-sdk) - ^11.0.2\n- [Framer Motion](https://github.com/framer/motion) - ^11.15.0\n- [KA Table](https://github.com/komarovalexander/ka-table) - ^11.3.0\n- [LocalForage](https://github.com/localForage/localForage) - ^1.10.0\n- [Lottie React](https://github.com/Gamote/lottie-react) - ^2.4.0\n- [Match Sorter](https://github.com/kentcdodds/match-sorter) - ^8.0.0\n- [Moment](https://github.com/moment/moment) - ^2.30.1\n- [React](https://github.com/facebook/react) - ^18.3.1\n- [React Awesome Reveal](https://github.com/dennismorello/react-awesome-reveal) - ^4.3.1\n- [React Data Table Component](https://github.com/jbetancur/react-data-table-component) - ^7.6.2\n- [React DOM](https://github.com/facebook/react) - ^18.3.1\n- [React Helmet](https://github.com/nfl/react-helmet) - ^6.1.0\n- [React Icons](https://github.com/react-icons/react-icons) - ^5.4.0\n- [React Intersection Observer](https://github.com/thebuilder/react-intersection-observer) - ^9.14.0\n- [React Loading Skeleton](https://github.com/dvtng/react-loading-skeleton) - ^3.5.0\n- [React Photo View](https://github.com/felixrieseberg/React-Photo-View) - ^1.2.6\n- [React Router DOM](https://github.com/remix-run/react-router) - ^7.1.0\n- [React Toastify](https://github.com/fkhadra/react-toastify) - ^11.0.2\n- [Sort By](https://github.com/kvnneff/sort-by) - ^1.2.0\n- [SweetAlert2](https://github.com/sweetalert2/sweetalert2) - ^11.15.3\n- [Swiper](https://github.com/nolimits4web/swiper) - ^11.1.15\n\n\n\n\n\n## Dev Dependencies\n\n- [@eslint/js](https://github.com/eslint/js-eslint) - ^9.17.0\n- [@types/react](https://github.com/DefinitelyTyped/DefinitelyTyped) - ^18.3.17\n- [@types/react-dom](https://github.com/DefinitelyTyped/DefinitelyTyped) - ^18.3.5\n- [@vitejs/plugin-react](https://github.com/vitejs/vite) - ^4.3.4\n- [Autoprefixer](https://github.com/postcss/autoprefixer) - ^10.4.20\n- [DaisyUI](https://github.com/saadeghi/daisyui) - ^4.12.22\n- [ESLint](https://github.com/eslint/eslint) - ^9.17.0\n- [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) - ^7.37.2\n- [eslint-plugin-react-hooks](https://github.com/facebook/react) - ^5.0.0\n- [eslint-plugin-react-refresh](https://github.com/facebook/react) - ^0.4.16\n- [Globals](https://github.com/ljharb/cls) - ^15.13.0\n- [PostCSS](https://github.com/postcss/postcss) - ^8.4.49\n- [Tailwind CSS](https://github.com/tailwindlabs/tailwindcss) - ^3.4.17\n- [Vite](https://github.com/vitejs/vite) - ^6.0.3\n\n\n\n\n\n\n## Installation: \n\nRun ``` npm install ``` to install project dependencies\n\n\n\n\n## Live URL : \n- https://blog-sphere-55e89.web.app\n- https://blog-sphere-55e89.firebaseapp.com\n\n#\n#\n\nThis blog website is a dynamic, user-friendly platform combining modern technologies like React, Firebase, and MongoDB. It offers seamless blog management, interactive features like wishlists and comments, robust authentication, and a visually appealing, responsive design. With advanced functionalities and a focus on user experience, it stands out as an engaging digital space.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fabusaleh123%2Fblog-sphere-web","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fabusaleh123%2Fblog-sphere-web","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fabusaleh123%2Fblog-sphere-web/lists"}