{"id":15041454,"url":"https://github.com/tumblrx/frontend","last_synced_at":"2025-10-13T20:42:29.732Z","repository":{"id":67367115,"uuid":"426415150","full_name":"TumblrX/Frontend","owner":"TumblrX","description":"TumblrX is a full mimic for Tumblr with all its functionalities  It is a full-stack application that allows you to create a blog, post, and comment on your blog.  ","archived":false,"fork":false,"pushed_at":"2022-08-23T21:13:32.000Z","size":18611,"stargazers_count":5,"open_issues_count":3,"forks_count":6,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-14T20:28:00.255Z","etag":null,"topics":["cufe-2023","front-end-development","javascript","jest","react","react-router","react-router-dom","sass-framework","social-","social-media","software-engineering","tumblr","tumblrx"],"latest_commit_sha":null,"homepage":"https://tumblrx-app.herokuapp.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/TumblrX.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":"2021-11-09T23:06:53.000Z","updated_at":"2024-04-21T03:17:57.000Z","dependencies_parsed_at":"2023-04-02T13:34:35.313Z","dependency_job_id":null,"html_url":"https://github.com/TumblrX/Frontend","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/TumblrX/Frontend","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TumblrX%2FFrontend","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TumblrX%2FFrontend/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TumblrX%2FFrontend/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TumblrX%2FFrontend/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/TumblrX","download_url":"https://codeload.github.com/TumblrX/Frontend/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TumblrX%2FFrontend/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279016930,"owners_count":26085911,"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","status":"online","status_checked_at":"2025-10-13T02:00:06.723Z","response_time":61,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["cufe-2023","front-end-development","javascript","jest","react","react-router","react-router-dom","sass-framework","social-","social-media","software-engineering","tumblr","tumblrx"],"created_at":"2024-09-24T20:46:07.568Z","updated_at":"2025-10-13T20:42:29.713Z","avatar_url":"https://github.com/TumblrX.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# TumblrX ![cover](./public/favicon.ico)\n\n\n## 📝 Table of Contents\n\n- [About](#about)\n- [features](#features)\n- [Technologies used](#build)\n- [getting started](#start)\n- [Demo](#demo)\n- [screenshots](#screenshots)\n- [Contributers](#contributers)\n\n### 🚩About\u003ca name = \"about\"\u003e\u003c/a\u003e\n\n**TumblrX** is a full mimic for Tumblr with all its functionalities\n\nIt is a full-stack application that allows you to create a blog, post, and comment on your blog.\n\nit is a social media app to:\n\n- express yourself, discover yourself, and bond over the stuff you love.💖\n- It's where your interests connect you with your people🤝.\n- The service allows users to post multimedia and other content to a short-form blog. Users can follow other users' blogs.\n\n### ✨ Features \u003ca name = \"features\"\u003e\u003c/a\u003e\n\n- create a blog and post to it.\n- **add posts** (including photos, videos, and text)\n- **react** to posts \u0026\u0026 comments\n- **add comments**\n- **reblog posts**\n- **follow** other users' blogs to see their posts\n- show **dashboard** with all your posts and comments\n- **explore section** to show all trending posts and blogs\n- **search section** to search for posts and blogs\n- blog section where you can show your blog \u0026 customize it\n- **real time chat** with other users\n- **real time notifications** show you all updates on your blog\n- manage your blog \u0026\u0026 account settings and edit them\n\n## 💻Technologies Used\u003ca name = \"build\"\u003e\u003c/a\u003e\n\n- React\n- React-Router dom\n- Redux Toolkit\n- sass modules\n- Axios\n- Socket io\n- pusher-js\n- Docker\n- Jest\n- Webpack\n\n## 🏁Getting Started \u003ca name = \"start\"\u003e\u003c/a\u003e\n\n1. **_Clone the repository_**\n\n```bash\n git clone https://github.com/TumblrX/Frontend.git\n```\n\n2. **_Go to the directory of the repository_**\n\n```bash\n $ cd Frontend\n```\n\n3. **_install Dependencies_**\n\n```bash\nnpm install\n```\n\n4. **_Run the Website and Enjoy your time 🔥_**\n\n```bash\nnpm run\n```\n\n## 🎥 Demo\u003ca name = \"demo\"\u003e\u003c/a\u003e\n\n\u003cdiv name = \"demo\" align=\"center\" width=1189\u003e\n\n\n\n\nhttps://user-images.githubusercontent.com/60351557/186261764-8945dbad-7159-44d2-acb4-09598dfe535c.mp4\n\n\n\n\u003c/div\u003e\n\n## 🎥 screenshots\u003ca name = \"screenshots\"\u003e\u003c/a\u003e\n\n- Home Page\n  ![Home page](./screenshots/01.png)\n\n  \u003chr /\u003e\n\n- Sign Up\n  ![Sign up](./screenshots/02.png)\n\n  \u003chr /\u003e\n\n- Dashboard\n  ![DashBoard](./screenshots/03.png)\n\n    \u003chr /\u003e\n\n- Explore Section\n  ![Explore Section](./screenshots/05.png)\n\n    \u003chr /\u003e\n\n- Add Post\n  ![Add post](./screenshots/005.png)\n\n    \u003chr /\u003e\n\n- Comments\n  ![Comments](./screenshots/06.png)\n\n    \u003chr /\u003e\n\n- Chat\n  ![Chat](./screenshots/chat.jpeg)\n\n    \u003chr /\u003e\n\n- Blog View\n  ![Blog View](./screenshots/08.png)\n\n    \u003chr /\u003e\n\n- Edit Blog View\n  ![Edit Blog View](./screenshots/07.png)\n\n    \u003chr /\u003e\n\n- Settings\n  ![Settings](./screenshots/09.png)\n\n  ![Settings](./screenshots/10.png)\n  \n  \u003chr /\u003e\n\n- Responsive\n\n  - Sign up\n  \n    ![Sign up](./screenshots/11.png)\n\n      \u003chr /\u003e\n\n  - DashBoard\n  \n    ![Home page](./screenshots/12.png)\n\n\n    ![Explore](./screenshots/13.png)\n\n\n    ![Dashboard](./screenshots/14.png)\n\n      \u003chr /\u003e\n      \n  - Blog\n  \n    ![Blog](./screenshots/16.png)\n\n      \u003chr /\u003e\n\n  - Edit Appearance\n  \n    ![Edit Appearance](./screenshots/15.png)\n\n\n\n## ✨ contributers\u003ca name = \"contributers\"\u003e\u003c/a\u003e\n\n\n\u003cdiv align=\"center\" width=1189\u003e \n\n[![](https://github.com/omar214.png?size=150)](https://github.com/omar214)\n[![](https://github.com/Taher-Mohamed-Ahmed-Saad.png?size=150)](https://github.com/Taher-Mohamed-Ahmed-Saad)\n[![](https://github.com/YousefElshabrawy.png?size=150)](https://github.com/YousefElshabrawy)\n[![](https://github.com/Ahmedmma72.png?size=150)](https://github.com/Ahmedmma72)\n[![](https://github.com/AhmedNossir.png?size=150)](https://github.com/AhmedNossir)\n\u003cimg src=\"https://github.com/Thebrownboy.png\" alt=\"drawing\" width=\"150\"/\u003e\n\u003c/div\u003e\n\n\u003c!--  ## file structure\u003ca name = \"file structure\"\u003e\u003c/a\u003e --\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftumblrx%2Ffrontend","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftumblrx%2Ffrontend","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftumblrx%2Ffrontend/lists"}