Skip to content

feat(frontend): add the React TypeScript Todo client - #10

Merged
samperay merged 7 commits into
mainfrom
feature/frontend-react-typescript
Oct 25, 2026
Merged

samperay merged 7 commits into
mainfrom
feature/frontend-react-typescript

Conversation

@samperay

Copy link
Copy Markdown
Owner

Summary

  • Add a Vite, React, and TypeScript frontend that creates an account, keeps its token, and lists todos from the existing API.
  • Include the feature spec, client contracts, and tests for the account panel, todo list, and session.

CI results

Check Result
Ruff Lint Passed
Ruff Format Passed
Mypy Passed
Pytest Passed
Coverage 97.39%

Checked locally before this pull request was published.

…, and TypeScript

- Added essential project files including package.json, tsconfig.json, and Vite configuration.
- Implemented core components such as App, AccountPanel, TodoList, and TodoItem.
- Established API client for handling requests and managing todos.
- Integrated session management for user authentication and token storage.
- Configured ESLint for code quality and added .dockerignore for build optimization.
- Included initial tests for authentication and component functionality.

This commit sets up the foundational structure for the Todo frontend application, enabling further development and feature implementation.
- Introduced a new handbook detailing the structure and usage of the Todo frontend application.
- Included guidelines for lesson progression, safety measures, and a course map for tracking learning outcomes.
- Documented current application capabilities, request architecture, and verified frontend code map.
- Established a clear framework for teaching and learning, emphasizing the separation of application processes and their interactions.

This commit enhances the documentation for better onboarding and reference for developers and architects involved in the project.
…odule lessons

- Introduced a comprehensive handbook for SRE/DevOps architecture, detailing the learning path and module structure.
- Added a glossary of key terms relevant to SRE and DevOps practices.
- Included a roadmap outlining milestones and dependencies for the learning modules.
- Documented lessons covering application architecture fundamentals, including topics like TCP listeners, HTTP status codes, and bearer authentication.

This commit enhances the educational resources available for developers and architects, providing a structured approach to mastering SRE and DevOps concepts.
… module experiments

- Enhanced the README to reflect the new version, highlighting the addition of 20 runnable module experiments and 230 lesson exercises.
- Introduced a validation script to check for broken links and unresolved tokens in the handbook.
- Added a new VALIDATION.md file outlining the scope and validation process for the handbook.
- Created multiple module experiment scripts demonstrating failure and recovery scenarios relevant to SRE/DevOps practices.

This commit improves the educational resources by providing practical experiments and validation tools, ensuring a comprehensive learning experience for users.
- Updated all module scripts to include detailed descriptions, learning flows, and expected outcomes for better educational clarity.
- Each module now explicitly outlines failure scenarios and recovery strategies, reinforcing practical understanding of SRE/DevOps principles.
- Improved code comments and structure across all modules to facilitate easier comprehension and execution for learners.

This commit significantly enriches the educational content, ensuring users can effectively engage with the material and apply concepts in real-world scenarios.
- Added a new VERSION.md file to track handbook updates and changes.
- Introduced a .DS_Store file for improved directory management.
- Revised GLOSSARY.md to include new terms and definitions relevant to SRE/DevOps practices.
- Updated README.md and ROADMAP.md to reflect the latest version and learning objectives.
- Removed outdated validation scripts and documentation to streamline the handbook.

This commit enhances the clarity and usability of the handbook, ensuring it remains a valuable resource for learners and practitioners in SRE and DevOps.
- Removed unnecessary .DS_Store files from the project.
- Added new CONTENT_AUDIT.md and LINK_AUDIT.md files to enhance content verification and link integrity.
- Revised README.md, ROADMAP.md, and START_HERE.md to reflect the updated learning structure and curriculum.
- Introduced TECHNOLOGY_INDEX.md to provide a comprehensive overview of technology tracks and lesson organization.
- Updated VERSION.md to document the changes and enhancements made in this version.

This commit improves the clarity and organization of the handbook, ensuring it remains a valuable resource for learners and practitioners in SRE and DevOps.
@samperay
samperay merged commit 1056111 into main Oct 25, 2026
4 checks passed
@samperay
samperay deleted the feature/frontend-react-typescript branch October 25, 2026 11:06
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant