Project Icecream
Profile Picture frame generator for various themes and festive
Overview:
Starware is a digital and customizable frame generator designed for participants of the HackNITR hackathon. This web application allows users to customize their frames with a wide range of shapes and colors. Once the frame is completed, users can upload their profile picture and download the customized frame to share with others.
Features:
- Customizable Frames: Users can create frames with a variety of shapes and colors to match their preferences.
- Profile Picture Upload: Users can upload their profile picture to be displayed within the customized frame.
- Download and Sharing: Once the frame is complete, users can download it and easily share it with others.
Summary:
Starware is a web application developed by DSC NIT Rourkela for the HackNITR hackathon. It allows participants to create customized frames with different shapes and colors. The frame can then be personalized by uploading a profile picture. The completed frame can be downloaded and shared with others. The project is built using technologies such as React, React-Konva, Gatsby, Tailwind, Cloudflare, and Netlify. Contributions to the project are welcome, and it is distributed under the MIT License.
- Gatsby
GatsbyJS is a free and open-source static site generator based on React. It uses a modern development stack including Webpack, GraphQL, and modern JavaScript and CSS frameworks. It also provides a rich set of plugins, starters, and themes.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Styled Components
Styled Components is a popular library for styling React components using CSS syntax. It allows you to write CSS in your JavaScript code, making it easier to create dynamic styles that are specific to each component.
- Tailwind
Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.
- Postcss
PostCSS is a popular open-source tool that enables web developers to transform CSS styles with JavaScript plugins. It allows for efficient processing of CSS styles, from applying vendor prefixes to improving browser compatibility, ultimately resulting in cleaner, faster, and more maintainable code.