In this assignment, you are tasked with creating a fully functional web application utilizing the IBM Carbon Design System. This project is hosted in your own GitHub repository and is designed to give you hands-on experience with a robust design system focusing on accessibility, usability, and efficient design-to-code workflows. By the end of this assignment, you will gain a deeper understanding of integrating and customizing design systems in web development.
- Understand the principles and components of the IBM Carbon Design System.
- Learn to set up and manage a project repository on GitHub.
- Gain practical experience in implementing UI elements according to a design system.
- Enhance skills in web development with a focus on accessibility and responsive design.
- Create a new repository on GitHub for your web application.
- Ensure the repository is public to allow for grading and feedback.
- Include this README with an overview of the project, setup instructions, and any relevant information.
- Familiarize yourself with the IBM Carbon Design System documentation.
- Implement UI components using the Carbon Design System.
- Your application should include a variety of elements such as Buttons, Forms, Navigation, Tables, and more.
- Incorporate interactive elements like form submissions, modal pop-ups, or dynamic tables.
- You may use JavaScript frameworks/libraries (e.g., React, Vue, Angular) or Carbon Components Vanilla JavaScript version.
- Ensure your web application follows WCAG 2.1 guidelines.
- The application must be responsive and work seamlessly across different devices and screen sizes.
- Provide adequate documentation with comments for major functionalities.
- Structure your codebase in a clean, efficient, and modular way following best practices.
- Submit your GitHub repository URL via Pirou's Academy submission portal.
- Include a brief report discussing your development process, challenges faced, and any additional features or notable aspects of your project.
- Functionality: The application works as intended without bugs.
- Design System Implementation: Effective use of IBM Carbon Design System components and guidelines.
- Code Quality: Clean, readable, and well-documented code.
- Accessibility and Responsiveness: Accessible application with a good user experience across devices.
- Creativity and Innovation: Incorporation of unique features or innovative use of technology.
We look forward to seeing your innovative solutions and how you leverage the IBM Carbon Design System to create an impactful user experience. Good luck! 🚀
