# 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)](https://learn.cypress.io/#courses). Repo name: Work17\_Cypress

## Execute Program

* Finalize incomplete courses
* [SQL](https://www.executeprogram.com/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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://founders-and-coders.gitbook.io/coursebook/src/course/syllabus/developer/week04-project03-frontend/overview.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.