Peerlist Interaction Design Challenge

This project is a showcase of various interaction design challenges, implemented as part of the Peerlist Interaction Design Challenge. Each challenge is encapsulated within its own directory under src/challenges, making it easy to navigate and understand the structure of the project.

Project Structure

• src/: Contains the source code of the project.
  • App.jsx: The main React component that ties the application together.
  • HomePage.jsx: The landing page that lists all the challenges.
  • challenges/: Directory containing individual challenge components.
  • main.jsx: Entry point for the React application.
• public/: Contains static assets like images and the index.html file.
• tailwind.config.js: Configuration file for Tailwind CSS.
• .eslintrc.cjs, postcss.config.js, vite.config.js: Configuration files for ESLint, PostCSS, and Vite respectively.

Technologies Used

• React: A JavaScript library for building user interfaces.
• Vite: A build tool that aims to provide a faster and leaner development experience for modern web projects.
• Tailwind CSS: A utility-first CSS framework for rapidly building custom designs.
• Framer Motion: A library to power animations in React projects.
• ESLint: A static code analysis tool for identifying problematic patterns found in JavaScript code.
• React Router: A collection of navigational components that compose declaratively with your application.