Skip to content

feat: Add TopicList and ProblemList screens with routingFeat/topic problem screens#96

Open
akkicodes-dev wants to merge 2 commits intoitsaryanchauhan:mainfrom
akkicodes-dev:feat/topic-problem-screens
Open

feat: Add TopicList and ProblemList screens with routingFeat/topic problem screens#96
akkicodes-dev wants to merge 2 commits intoitsaryanchauhan:mainfrom
akkicodes-dev:feat/topic-problem-screens

Conversation

@akkicodes-dev
Copy link

@akkicodes-dev akkicodes-dev commented Feb 8, 2026

Overview

This PR implements the UI and navigation required for the Topic List and Problem List screens, addressing issue #36.

Changes Included

  • Created TopicList screen to display a list of DSA topics
  • Created ProblemList screen as a placeholder for listing future problems
  • Added routes for /topics and /problems in App.tsx
  • Navigation from TopicList to ProblemList implemented

Tech Stack

  • React + TypeScript
  • React Router
  • Tailwind CSS

How to Test

  1. Run npm install inside the frontend directory
  2. Run npm run dev
  3. Visit /topics in the browser
  4. Click on a topic to go to /problems

Screenshots

Topic List

Screenshot 2026-02-08 132028

Problem List

Screenshot 2026-02-08 132251

Closes #36

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.

[Android][Beginner] Add Topic and Problem List Screens using Jetpack Compose (Good First Issue)

1 participant

Comments