This application is a demonstration of various dark patterns commonly found in UI/UX design. It serves as an educational tool to help users understand how these manipulative design techniques can influence user behavior and decision-making. The app features several pages, each illustrating a specific dark pattern, such as "Scarcity," "Nagging," "Disguised Ads," "Forced Action," "Friend Spam," "Interface Interference," and more. Each page provides a detailed description of the pattern, an interactive example, and an explanation of how the pattern works and its implications. Users can navigate through the app using a navigation menu that lists all the dark patterns. Each page includes a header with the title and description of the pattern, along with interactive components that simulate the experience of encountering these patterns in real-world applications. Key features of the app include: - A countdown timer that creates a false sense of urgency. - Pop-up notifications that repeatedly prompt users to take action, demonstrating the nagging pattern. - Examples of disguised ads that mimic legitimate content. - Forms that require users to consent to unwanted actions to proceed, illustrating forced action. - Interactive elements that showcase interface interference, such as misleading buttons and fake UI elements. The app is built using React and TypeScript, leveraging hooks like useState and useEffect for state management and side effects. It utilizes a component-based architecture, with reusable components for buttons, cards, and navigation menus. The styling is handled with CSS, ensuring a responsive and user-friendly interface. Overall, this application serves as a practical resource for developers and designers to recognize and avoid dark patterns in their own work, promoting ethical design practices. For remote work. My Telegram username: @VTeasy I am prompt engineering with 4 years of experience, Italian.
No tags
Last Updated June 13, 2025
