{"id":25471316,"url":"https://github.com/fifolio/signage","last_synced_at":"2025-11-05T01:30:26.348Z","repository":{"id":268432806,"uuid":"903883353","full_name":"fifolio/Signage","owner":"fifolio","description":"Technical Assignment 2","archived":false,"fork":false,"pushed_at":"2025-01-27T20:12:13.000Z","size":48718,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-27T20:28:22.911Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://will.be.available.soon","language":"TypeScript","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/fifolio.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-12-15T19:53:02.000Z","updated_at":"2025-01-27T20:12:17.000Z","dependencies_parsed_at":"2024-12-16T18:44:57.958Z","dependency_job_id":"7924e27b-6ddc-4dd0-8fd0-256902ab8791","html_url":"https://github.com/fifolio/Signage","commit_stats":null,"previous_names":["fifolio/signage"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fifolio%2FSignage","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fifolio%2FSignage/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fifolio%2FSignage/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fifolio%2FSignage/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/fifolio","download_url":"https://codeload.github.com/fifolio/Signage/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239448602,"owners_count":19640527,"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":[],"created_at":"2025-02-18T09:38:50.003Z","updated_at":"2025-11-05T01:30:26.306Z","avatar_url":"https://github.com/fifolio.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n\u003ch1 class=\"code-line\" data-line-start=0 data-line-end=1 \u003e\u003ca id=\"Asteroid\"\u003e\u003c/a\u003eSignage - Unlock your creative potential ✨\u003c/h1\u003e\n\u003cp class=\"has-line-data\" data-line-start=\"3\" data-line-end=\"4\"\u003e\u003cimg width=\"100%\" height=\"100%\" src=\"https://github.com/fifolio/Signage/blob/main/public/assets/workspace.png?raw=true\" alt=\"Workspace Screenshot\"\u003e\u003c/p\u003e\n\u003cp class=\"has-line-data\" data-line-start=\"5\" data-line-end=\"6\"\u003e\nAt SignCast Media, we harness the power of cutting-edge technologies to bring your ideas to life. Our web platform (Signage Workspace) is designed to empower you to craft breathtaking digital signages with ease, offering a seamless and intuitive user experience at every step.\n\n\u003ch2 class=\"code-line\" data-line-start=7 data-line-end=8 \u003e\u003ca id=\"Installation_7\"\u003e\u003c/a\u003e🌟 Project Overview\u003c/h2\u003e \nSignage Workspace is an online web platform that provides users with an elegant and seamless designing experience. From browsing a collection of digital signages screens been created to making brand new workspaces, Signage Workspace ensures a smooth and enjoyable journey of every digital signage designer enthusiast.\n\u003cdiv\u003e\u003cbr/ \u003e\u003c/div\u003e\n🔴 \u003cstrong\u003eView Live: \u003c/strong\u003e\u003ca href=\"https://signage-workspace.vercel.app\" target=\"_blank\"\u003eSignage-workspace.vercel.app\u003c/a\u003e\n\u003c/p\u003e\n\n\u003ch2 class=\"code-line\" data-line-start=7 data-line-end=8 \u003e\u003ca id=\"Installation_7\"\u003e\u003c/a\u003e🛠 Tech Stack\u003c/h2\u003e\n\u003cp class=\"has-line-data\" data-line-start=\"8\" data-line-end=\"9\"\u003eSignage Workspace is built using the following technologies:\u003c/p\u003e\n\u003cul\u003e\n  \u003cli\u003e\n    \u003ca href=\"https://www.figma.com/\"\u003eFigma\u003c/a\u003e: \n    Figma is a collaborative interface design tool used for designing and prototyping user interfaces. I used Figma to create and refine the UI/UX of Signage platform, ensuring a visually appealing and user-friendly design.\n  \u003c/li\u003e\n  \u003cli\u003e\n    \u003ca href=\"https://vitejs.dev/\"\u003eVite\u003c/a\u003e: \n    Vite is a modern build tool that provides fast development and optimized production builds. I used Vite for its lightning-fast build times and excellent support for modern JavaScript and TypeScript features.\n  \u003c/li\u003e\n  \u003cli\u003e\n    \u003ca href=\"https://reactjs.org/\"\u003eReact\u003c/a\u003e: \n    React is a popular JavaScript library for building user interfaces. I used React to develop the interactive and dynamic components of Signage, leveraging its component-based architecture for efficient UI development.\n  \u003c/li\u003e\n  \u003cli\u003e\n    \u003ca href=\"https://tailwindcss.com/\"\u003eTailwind CSS\u003c/a\u003e: \n    Tailwind CSS is a utility-first CSS framework that enables rapid design and styling of components. I used Tailwind CSS to apply consistent and responsive styling to Signage's interface, enhancing both aesthetics and usability.\n  \u003c/li\u003e\n  \u003cli\u003e\n    \u003ca href=\"https://shadcn.dev/\"\u003eShadcn\u003c/a\u003e: \n    Shadcn is a UI component library for React that provides a collection of accessible and customizable components. I used Shadcn to speed up development and ensure consistent design language across the project.\n  \u003c/li\u003e\n  \u003cli\u003e\n    \u003ca href=\"https://react-icons.github.io/react-icons/\"\u003eReact Icons\u003c/a\u003e: \n    React Icons is a library that provides a collection of popular icons as React components. I used React Icons to incorporate various icons into the Signage project, improving the visual appeal and user experience.\n  \u003c/li\u003e\n  \u003cli\u003e\n    \u003ca href=\"https://cloudinary.com/\"\u003eCloudinary\u003c/a\u003e: \n    Cloudinary is a cloud-based image and video management platform. I used Cloudinary to handle image uploads and optimization, ensuring high performance and fast load times for product images.\n  \u003c/li\u003e\n  \u003cli\u003e\n    \u003ca href=\"https://github.com/pmndrs/zustand\"\u003eZustand\u003c/a\u003e: \n    Zustand is a small, fast state management library for React. I used Zustand for state management in Signage Platform due to its simplicity and efficiency in handling global states.\n  \u003c/li\u003e\n  \u003cli\u003e\n    \u003ca href=\"https://www.vercel.com/\"\u003eVercel\u003c/a\u003e: \n    Vercel is a platform for deploying and hosting web applications. I used Vercel to deploy Signage Platform, taking advantage of its continuous deployment and CDN capabilities for fast and reliable hosting.\n  \u003c/li\u003e\n  \u003cli\u003e\n    \u003ca href=\"https://appwrite.io/\"\u003eAppwrite\u003c/a\u003e: \n    Appwrite is an open-source backend-as-a-service platform. I used Appwrite to handle backend functionalities for Signage platform, including user authentication, database management, and file storage.\n  \u003c/li\u003e\n  \u003cli\u003e\n    \u003ca href=\"https://konvajs.com/\"\u003eKonva.js\u003c/a\u003e: \n    Konva.js is an HTML5 Canvas JavaScript framework that extends the 2D context by enabling canvas interactivity for desktop and mobile application. Using Konva allows the users to create workspaces for digital signages that may contain shapes, images, videos, any verity of shapes to draw. \n  \u003c/li\u003e\n\u003c/ul\u003e\n\n\u003ch2 class=\"code-line\" data-line-start=33 data-line-end=34 \u003e\u003ca id=\"Technologies_Used_33\"\u003e\u003c/a\u003e🚀 Installation\u003c/h2\u003e\n\u003cpre\u003e\u003ccode class=\"has-line-data\" data-line-start=\"11\" data-line-end=\"13\" class=\"language-sh\"\u003egit clone \u003c/span\u003e\u003ca href=\"https://github.com/fifolio/Signage.git\"\u003ehttps://github.com/fifolio/Signage.git\u003c/a\u003e\n\u003c/code\u003e\u003c/pre\u003e\n\u003cp class=\"has-line-data\" data-line-start=\"13\" data-line-end=\"14\"\u003eOnce the server is up and running, open your browser and navigate to your localhost to explore Signage platform. Browse through our tools, add your favorite shapes to the canvas, and don't worry about saving your work thanks to the \"auto-dynamic saving feature\" we've built. \u003c/p\u003e\n\n\u003chr /\u003e\n\u003c!-- License Section --\u003e\n\u003csection id=\"license\"\u003e\n  \u003ch2\u003e📄 License\u003c/h2\u003e\n  \u003cp\u003eThis project is licensed under the \u003cstrong\u003eMIT License\u003c/strong\u003e.\u003c/p\u003e\n\u003c/section\u003e\n\n\u003c!-- Contact Section --\u003e\n\u003csection id=\"contact\"\u003e\n  \u003ch2\u003e📬 Contact\u003c/h2\u003e\n  \u003cp\u003eIf you have any questions or feedback about the Signage Platform project, feel free to reach out:\u003c/p\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003cstrong\u003eEmail:\u003c/strong\u003e \u003ca href=\"mailto:firasdabbabi@gmail.com\"\u003eFirasDabbabi@gmail.com\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eLinkedIn:\u003c/strong\u003e \u003ca href=\"https://www.linkedin.com/in/fifolio/\" target=\"_blank\"\u003elinkedin.com/in/fifolio\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003cstrong\u003eGitHub:\u003c/strong\u003e \u003ca href=\"https://github.com/fifolio\" target=\"_blank\"\u003egithub.com/fifolio\u003c/a\u003e\u003c/li\u003e\t  \n  \u003c/ul\u003e\n\u003c/section\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffifolio%2Fsignage","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffifolio%2Fsignage","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffifolio%2Fsignage/lists"}