Week04 Project03 Frontend Overview

Week of September 30th

This week focuses on building a front-end application using React and TypeScript to consume the RESTful API developed in the previous week. The emphasis is on creating an intuitive user interface for the quiz application while applying React best practices and TypeScript integration.

Workshops

• Cypress courses (x4). Repo name: Work17_Cypress

Execute Program

• Finalize incomplete courses
• SQL

Topics

• React fundamentals (components, props, state)
• TypeScript integration with React
• React Hooks (useState, useEffect, custom hooks)
• React Router for single-page application navigation
• Asynchronous operations and data fetching in React
• State management in React applications
• Creating reusable UI components
• Accessibility practices in React
• Environment variable management
• Software architecture and application flow
• Best practices in React development
• User interface design and prototyping (e.g., using Figma)
• Local storage for data persistence
• Custom hooks for repetitive logic

Project

• Build a front-end interface for the quiz application
• Implement user stories for quiz functionality
• Integrate with the backend API developed in the previous week
• Focus on user experience and interface design
• Apply React and TypeScript best practices
• Ensure accessibility compliance
• Implement proper error handling and data validation