Trajectfi/Trajectfi-frontend

Build the Why Trajectfi and Noteable Articles UI

Aberta

#6 aberto em 24 de abr. de 2025

Ver no GitHub
 (6 comentários) (0 reação) (0 responsável)TypeScript (14 forks)auto 404
ODHack14frontendgood first issuewebsite

Métricas do repositório

Stars
 (0 estrela)
Métricas de merge de PR
 (Métricas PR pendentes)

Description

Description

  • Implement Why Trajectfi and Noteable Articles UI
  • Follow Figma design: Here and Here

Proposed Actions:

  1. Fork and Create a Branch:

    • git checkout -b fix-[issue-number]

  2. Implement Changes:

    • Implement this tasks in the website folder
    • Create a component a why.tsx and noteable-articles.tsx component
    • Make it mobile responsive as accuratetly as possible
    • In the noteable.tsx desktop view, make sure it's scrollable horizontally
    • Utilize Tailwindcss
    • Match Figma design & maintain state transitions and colors

  3. Test & Commit:

    • Ensure Responsive layout and color consistency
    • Commit message:

    git commit -m "feat: create why Trajectfi and noteable articles ui"

Guidelines:

  • Assignment required before PR submission
  • Timeframe: 24 hours
  • PR description must include: Close #[issue_id]

Guia do colaborador

Direção de pesquisa
Siga o design do Figma para criar os componentes Why Trajectfi e Noteable Articles. Implemente na pasta website, garanta a responsividade mobile e a rolagem horizontal para artigos notáveis no desktop. Use Tailwind CSS para estilização e corresponda às especificações de design.
Pilha de tecnologia
typescriptreacttailwindcss
Domain
frontend
Tipo Issue
Funcionalidade
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
2
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
1-3 horas
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Recente
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Principalmente claro
Prerequisites
GitReactTailwind CSS
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
60