At 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.
Signage 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.Signage Workspace is built using the following technologies:
- Figma: 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.
- Vite: 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.
- React: 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.
- Tailwind CSS: 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.
- Shadcn: 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.
- React Icons: 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.
- Cloudinary: 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.
- Zustand: 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.
- Vercel: 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.
- Appwrite: 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.
- Konva.js: 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.
git clone https://github.com/fifolio/Signage.git
Once 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.
This project is licensed under the MIT License.
If you have any questions or feedback about the Signage Platform project, feel free to reach out:
- Email: FirasDabbabi@gmail.com
- LinkedIn: linkedin.com/in/fifolio
- GitHub: github.com/fifolio