What Should I Design
Open source collection of UI/UX design problem statements for you to try.
Overview
If you're a budding UI/UX designer looking to gain practical experience and build a strong portfolio, you might find yourself asking, "What should I design?" Thankfully, there's a fantastic resource available that provides a wide array of real-world design problems that you can tackle. This crowdsourced platform offers a free collection of design challenges, ensuring that you can find engaging projects that spark your creativity and skill development.
By participating in this platform, you won't just work on generic assignments – you'll engage with specific, meaningful design problems that can help you refine your abilities and enhance your portfolio. It's an excellent way to push yourself while contributing to a vibrant design community.
Features
-
Community-Sourced Problem Statements: Access a wide range of real-world design problems sourced from the community, making it easy to find relevant projects to work on.
-
Sample Designs for Each Statement: Explore community-contributed design samples for every problem statement, providing inspiration and guidance on how to approach your own projects.
-
Category Specific Statements: Navigate through design challenges categorized by themes, allowing you to focus on areas that interest you the most.
-
Contribution Opportunities: Join the community in adding more problem statements or design sample links, encouraging collaboration and shared learning.
-
Diverse Design Platforms Supported: Contribute and find design samples from popular platforms like Dribbble, Figma, and Behance, ensuring a wealth of resources at your fingertips.
-
Simple User Interface: Enjoy an intuitive layout that makes it easy to browse and select design projects that resonate with your skills and interests.
-
Open for Improvements: The project is built on Vue and Vite, with opportunities to fork it and suggest improvements, allowing for a collaborative development experience.
- Vite
Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects
- Vue
Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.
- SCSS
SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.
- Tailwind
Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.
- Apollo
Apollo is an open-source platform for building GraphQL APIs that connects with any data source. It provides a powerful set of tools and features for developers, including client and server-side caching, real-time data synchronization, and a seamless integration with popular frontend frameworks.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Graphql
A website that uses GraphQL as a query language to manage data fetching and state management. This includes features such as a strongly typed schema, client-side caching, and declarative data fetching to streamline data management and optimize website performance.
- 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.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.
- Pinia
Pinia is the official state management library for Vue.js. It provides a simple and intuitive API with full TypeScript support, devtools integration, and modular design. Pinia replaces Vuex as the recommended state management solution for Vue 3.