feat: update about page to reflect current features (#63)

Author: RMCampos

CHANGELOG.md

@@ -9,6 +9,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+### Changed
+- Updated About page to list all current features and tech stack. (#62)
+
 ---
 
 ## [app-v2026.06.01.20] - 2026-06-01

client/src/__test__/views/About.test.tsx

@@ -25,5 +25,8 @@ describe('Renders the about view', () => {
     expect(getByText('Find more information about us and the app')).toBeDefined();
     expect(getByText('Tasks and notes made')).toBeDefined();
     expect(getByText('Easy')).toBeDefined();
+    expect(getByText('About TaskNote')).toBeDefined();
+    expect(getByText('Technology')).toBeDefined();
+    expect(getByText('About the Developer')).toBeDefined();
   });
 });

client/src/constants/english.ts

@@ -132,23 +132,31 @@ const enTranslations = {
   about_app_features_one: 'Quickly add and manage tasks and notes',
   about_app_features_two: 'Search and filter notes for easy access',
   about_app_features_three: 'Intuitive and clean user interface',
+  about_app_features_four: 'Dark and light theme support with responsive design',
+  about_app_features_five: 'URL attachments for tasks and notes',
+  about_app_features_six: 'Tagging system with multiple tags per item',
+  about_app_features_seven: 'Public note sharing via public links',
+  about_app_features_eight: 'Markdown formatting toolbar for rich text editing',
+  about_app_features_nine: 'Email confirmation required for account security',
   about_app_help_title: 'Help & How to Use',
   about_app_help_description: `To get started, simply sign up or log in, and
     you'll have access to your personalized dashboard. From there, you can
     create, edit, and delete tasks and notes, and organize them however you
-    like. Need assistance? Visit our Help page (in the future) for tutorials
-    and FAQs.`,
+    like. Need assistance? Check out the sidebar for quick navigation.`,
 
   about_tech_title: 'Technology',
   about_tech_description: `TaskNote was built using modern web technologies
     that ensure speed, reliability, and security.`,
-  about_tech_list_one: 'React with TypeScript for the front-end',
-  about_tech_list_two: 'Bootstrap 5 for components and responsive design',
-  about_tech_list_three: 'Java and Spring Boot plus GraalVM for the back-end and Cloud Native',
-  about_tech_list_four: 'PostgreSQL for database management',
-  about_tech_list_five: 'Docker for containerization and deployment',
-  about_tech_list_six: 'GitHub Actions for CI/CD, testing and linting enforcement',
-  about_tech_list_seven: 'SonarCloud, and GitHub QL for security and improvements checks',
+  about_tech_list_one: 'React 19 with TypeScript for the front-end',
+  about_tech_list_two: 'Vite for fast builds and development',
+  about_tech_list_three: 'React Router 7 for client-side routing',
+  about_tech_list_four: 'i18next for internationalization support',
+  about_tech_list_five: 'Bootstrap 5 for components and responsive design',
+  about_tech_list_six: 'Java and Spring Boot 4.x plus GraalVM for the back-end and Cloud Native',
+  about_tech_list_seven: 'PostgreSQL for database management',
+  about_tech_list_eight: 'Docker for containerization and deployment',
+  about_tech_list_nine: 'GitHub Actions for CI/CD, testing and linting enforcement',
+  about_tech_list_ten: 'SonarCloud and GitHub QL for security and improvements checks',
 
   about_dev_title: 'About the Developer',
   about_dev_description: `Hi! I'm Ricardo, the developer of TaskNote. I'm

client/src/constants/portuguese.ts

@@ -133,23 +133,31 @@ const ptBrTranslations = {
   about_app_features_one: 'Adicionar e gerenciar tarefas e notas rapidamente',
   about_app_features_two: 'Buscar e filtrar notas para fácil acesso',
   about_app_features_three: 'Interface limpa e intuitiva',
+  about_app_features_four: 'Suporte a tema escuro e claro com design responsivo',
+  about_app_features_five: 'Anexos de URL para tarefas e notas',
+  about_app_features_six: 'Sistema de tags com múltiplas tags por item',
+  about_app_features_seven: 'Compartilhamento público de notas via links públicos',
+  about_app_features_eight: 'Barra de ferramentas de formatação Markdown para edição de texto rico',
+  about_app_features_nine: 'Confirmação de e-mail obrigatória para segurança da conta',
   about_app_help_title: 'Ajuda & Como usar',
   about_app_help_description: `Para começar, simplemente crie sua conta ou entre,
     e você terá acesso ao seu painel personalizado. A partir daí, você pode criar,
     alterar, e apagar tarefas e notas, e organizá-las da forma que preferir. Precisa
-    de alguma ajuda? Visite nossa página de ajuda (em breve) para tutoriais e perguntas
-    frequentes.`,
+    de alguma ajuda? Confira a barra lateral para navegação rápida.`,
 
   about_tech_title: 'Tecnologia',
   about_tech_description: `TaskNote foi contruído com tecnologia web atual
     que garante velocidade, confiabilidade e segurança.`,
-  about_tech_list_one: 'React com TypeScript para o desenvolvimento do front-end',
-  about_tech_list_two: 'Bootstrap 5 para os componentes e design responsivo',
-  about_tech_list_three: 'Java e Spring Boot mais GraalVM para o back-end Nativo em Cloud',
-  about_tech_list_four: 'PostgreSQL para gestão do banco de dados',
-  about_tech_list_five: 'Docker para isolamento em containers e lançamentos',
-  about_tech_list_six: 'GitHub Actions para integração contínua, testes e controle de qualidade',
-  about_tech_list_seven: 'SonarCloud e GitHub QL para reforço de qualidade e melhorias',
+  about_tech_list_one: 'React 19 com TypeScript para o desenvolvimento do front-end',
+  about_tech_list_two: 'Vite para builds e desenvolvimento rápidos',
+  about_tech_list_three: 'React Router 7 para roteamento no lado do cliente',
+  about_tech_list_four: 'i18next para suporte à internacionalização',
+  about_tech_list_five: 'Bootstrap 5 para os componentes e design responsivo',
+  about_tech_list_six: 'Java e Spring Boot 4.x mais GraalVM para o back-end Nativo em Cloud',
+  about_tech_list_seven: 'PostgreSQL para gestão do banco de dados',
+  about_tech_list_eight: 'Docker para isolamento em containers e lançamentos',
+  about_tech_list_nine: 'GitHub Actions para integração contínua, testes e controle de qualidade',
+  about_tech_list_ten: 'SonarCloud e GitHub QL para reforço de qualidade e melhorias',
 
   about_dev_title: 'Sobre o Desenvolvedor',
   about_dev_description: `Olá! Sou o Ricardo, o desenvolvedor do TaskNote. 

client/src/constants/russian.ts

@@ -132,23 +132,31 @@ const ruTranslations = {
   about_app_features_one: 'Быстро добавляйте и управляйте задачами и заметками',
   about_app_features_two: 'Поиск и фильтрация заметок для легкого доступа',
   about_app_features_three: 'Интуитивно понятный пользовательский интерфейс',
+  about_app_features_four: 'Поддержка тёмной и светлой темы с адаптивным дизайном',
+  about_app_features_five: 'URL-вложения для задач и заметок',
+  about_app_features_six: 'Система тегов с несколькими тегами на элемент',
+  about_app_features_seven: 'Публичный доступ к заметкам через публичные ссылки',
+  about_app_features_eight: 'Панель инструментов форматирования Markdown для редактирования',
+  about_app_features_nine: 'Требуется подтверждение электронной почты для безопасности аккаунта',
   about_app_help_title: 'Помощь и как использовать',
   about_app_help_description: `Чтобы начать, просто зарегистрируйтесь или войдите в систему, и
     вы получите доступ к своей персонализированной панели. Оттуда вы можете
     создавать, редактировать и удалять задачи и заметки, а также организовывать их так, как вам
-    нравится. Нужна помощь? Посетите нашу страницу «Справка» (в будущем) для получения руководств
-    и часто задаваемых вопросов.`,
+    нравится. Нужна помощь? Ознакомьтесь с боковой панелью для быстрой навигации.`,
 
   about_tech_title: 'Технологии',
   about_tech_description: `TaskNote был создан с использованием современных веб-технологий, 
       которые обеспечивают скорость, надежность и безопасность.`,
-  about_tech_list_one: 'React с TypeScript для фронтенда',
-  about_tech_list_two: 'Bootstrap 5 для компонентов и адаптивного дизайна',
-  about_tech_list_three: 'Java и Spring Boot плюс GraalVM для бэкенда и Cloud Native',
-  about_tech_list_four: 'PostgreSQL для управления базами данных',
-  about_tech_list_five: 'Docker для контейнеризации и развертывания',
-  about_tech_list_six: 'GitHub Actions для CI/CD, тестирования и принудительного линтинга',
-  about_tech_list_seven: 'SonarCloud и GitHub QL для проверок безопасности и улучшений',
+  about_tech_list_one: 'React 19 с TypeScript для фронтенда',
+  about_tech_list_two: 'Vite для быстрой сборки и разработки',
+  about_tech_list_three: 'React Router 7 для маршрутизации на стороне клиента',
+  about_tech_list_four: 'i18next для поддержки интернационализации',
+  about_tech_list_five: 'Bootstrap 5 для компонентов и адаптивного дизайна',
+  about_tech_list_six: 'Java и Spring Boot 4.x плюс GraalVM для бэкенда и Cloud Native',
+  about_tech_list_seven: 'PostgreSQL для управления базами данных',
+  about_tech_list_eight: 'Docker для контейнеризации и развертывания',
+  about_tech_list_nine: 'GitHub Actions для CI/CD, тестирования и принудительного линтинга',
+  about_tech_list_ten: 'SonarCloud и GitHub QL для проверок безопасности и улучшений',
 
   about_dev_title: 'О разработчике',
   about_dev_description: `Привет! Я Рикардо, разработчик TaskNote. Я увлечен созданием приложений,

client/src/constants/spanish.ts

@@ -132,23 +132,31 @@ const esTranslations = {
   about_app_features_one: 'Añade y gestiona tareas y notas de manera rápida',
   about_app_features_two: 'Busca y filtra notas fácilmente',
   about_app_features_three: 'Interfaz intuitiva y limpia',
+  about_app_features_four: 'Soporte para tema oscuro y claro con diseño responsivo',
+  about_app_features_five: 'Adjuntos de URL para tareas y notas',
+  about_app_features_six: 'Sistema de etiquetas con múltiples etiquetas por elemento',
+  about_app_features_seven: 'Compartir notas públicamente mediante enlaces públicos',
+  about_app_features_eight: 'Barra de herramientas de formato Markdown para edición de texto enriquecido',
+  about_app_features_nine: 'Confirmación de correo electrónico requerida para la seguridad de la cuenta',
   about_app_help_title: 'Ayuda & Cómo usar',
   about_app_help_description: `Para empezar, regístrate o inicia sesión,
     y tendrás acceso a tu panel personalizado. Desde allí, podrás crear, 
     editar y eliminar tareas y notas, organizándolas como desees. ¿Necesitas
-    ayuda? Visita nuestra página de ayuda (próximamente) para tutoriales y
-    preguntas frecuentes.`,
+    ayuda? Consulta la barra lateral para navegación rápida.`,
 
   about_tech_title: 'Acerca de la Tecnología',
   about_tech_description: `TaskNote fue construido con tecnologías web modernas
     que garantizan velocidad, fiabilidad y seguridad.`,
-  about_tech_list_one: 'React con TypeScript para el desarrollo del frontend',
-  about_tech_list_two: 'Bootstrap 5 para diseño y componentes responsivos',
-  about_tech_list_three: 'Java y Spring Boot más GraalVM para el back-end y Cloud Nativo',
-  about_tech_list_four: 'PostgreSQL para la gestión de bases de datos',
-  about_tech_list_five: 'Docker para la contenedorización y despliegue',
-  about_tech_list_six: 'GitHub Actions para CI/CD, pruebas y control de calidad',
-  about_tech_list_seven: 'SonarCloud y GitHub QL para chequeos de seguridad y mejoras',
+  about_tech_list_one: 'React 19 con TypeScript para el desarrollo del frontend',
+  about_tech_list_two: 'Vite para builds y desarrollo rápidos',
+  about_tech_list_three: 'React Router 7 para enrutamiento del lado del cliente',
+  about_tech_list_four: 'i18next para soporte de internacionalización',
+  about_tech_list_five: 'Bootstrap 5 para diseño y componentes responsivos',
+  about_tech_list_six: 'Java y Spring Boot 4.x más GraalVM para el back-end y Cloud Nativo',
+  about_tech_list_seven: 'PostgreSQL para la gestión de bases de datos',
+  about_tech_list_eight: 'Docker para la contenedorización y despliegue',
+  about_tech_list_nine: 'GitHub Actions para CI/CD, pruebas y control de calidad',
+  about_tech_list_ten: 'SonarCloud y GitHub QL para chequeos de seguridad y mejoras',
 
   about_dev_title: 'Acerca del Desarrollador',
   about_dev_description: `¡Hola! Soy Ricardo, el desarrollador de TaskNote. 

client/src/views/About/index.tsx

@@ -35,6 +35,12 @@ function About(): React.ReactNode {
                 <li>{t('about_app_features_one')}</li>
                 <li>{t('about_app_features_two')}</li>
                 <li>{t('about_app_features_three')}</li>
+                <li>{t('about_app_features_four')}</li>
+                <li>{t('about_app_features_five')}</li>
+                <li>{t('about_app_features_six')}</li>
+                <li>{t('about_app_features_seven')}</li>
+                <li>{t('about_app_features_eight')}</li>
+                <li>{t('about_app_features_nine')}</li>
               </ul>
               <h4 className="mt-4 poppins-medium">{t('about_app_help_title')}</h4>
               <p className="poppins-light">{t('about_app_help_description')}</p>
@@ -57,6 +63,9 @@ function About(): React.ReactNode {
                 <li>{t('about_tech_list_five')}</li>
                 <li>{t('about_tech_list_six')}</li>
                 <li>{t('about_tech_list_seven')}</li>
+                <li>{t('about_tech_list_eight')}</li>
+                <li>{t('about_tech_list_nine')}</li>
+                <li>{t('about_tech_list_ten')}</li>
               </ul>
             </Card.Body>
           </Card>
@@ -75,7 +84,7 @@ function About(): React.ReactNode {
               <p className="poppins-light">
                 {t('about_buy_coffee_one')}
                 <a
-                  href="https://buy-me-a-coffee-two-nu.vercel.app/"
+                  href="https://rmcampos.github.io/buy-me-a-coffee/"
                   target="_blank"
                   rel="noreferrer"
                 >