Main domain:
https://codeharborhub.github.io/
/auth
/auth/login
/auth/register
/auth/signup
/auth/forgot-password
/auth/reset-password
/auth/verify-email
/auth/verify-email/success
/auth/verify-email/failed
/auth/logout
| Route | Page |
|---|---|
/auth/login |
Login |
/auth/register |
Create Account |
/auth/forgot-password |
Forgot Password |
/auth/reset-password |
Reset Password |
/auth/verify-email |
Verify Email |
/
Page: CodeHarborHub Home
Sections:
- Hero
- Learning categories
- Popular courses
- Popular roadmaps
- Practice
- Projects
- AI Tutor
- Community
- Contributors
- CTA
- Footer
/courses
/courses/all
/courses/free
/courses/popular
/courses/new
/courses/trending
/courses/[course]
Example:
/courses/html
/courses/css
/courses/javascript
/courses/react
/courses/typescript
/courses/python
Course pages:
/courses/[course]/overview
/courses/[course]/curriculum
/courses/[course]/learn
/courses/[course]/projects
/courses/[course]/quizzes
/courses/[course]/reviews
/courses/[course]/certificate
/docs
/docs/html
/docs/css
/docs/javascript
/docs/typescript
/docs/react
/docs/nodejs
/docs/python
/docs/git
/docs/github
/docs/linux
Topics:
/docs/[technology]/[topic]
Example:
/docs/javascript/variables
/docs/javascript/functions
/docs/react/hooks
/docs/react/components
/learning
/learning/paths
/learning/paths/[path]
Example:
/learning/paths/frontend-developer
/learning/paths/backend-developer
/learning/paths/full-stack-developer
/learning/paths/ai-engineer
/learning/paths/ml-engineer
You don't necessarily need /frontend as a separate product, but it can be a category:
/frontend
/frontend/html
/frontend/css
/frontend/javascript
/frontend/typescript
/frontend/react
/frontend/nextjs
/frontend/accessibility
/git
/git/basics
/git/commands
/git/branching
/git/merging
/git/rebase
/git/workflows
/github
/github/basics
/github/repositories
/github/pull-requests
/github/issues
/github/actions
/github/contributing
/tutorials/html
/tutorials/html/basics
/tutorials/html/elements
/tutorials/html/forms
/tutorials/html/semantic-html
/tutorials/html/accessibility
/tutorials/html/seo
/interview
/interview/questions
/interview/dsa
/interview/frontend
/interview/backend
/interview/full-stack
/interview/javascript
/interview/react
/interview/system-design
/interview/hr
/interview/mock
/tutorials/javascript
/tutorials/javascript/basics
/tutorials/javascript/variables
/tutorials/javascript/functions
/tutorials/javascript/arrays
/tutorials/javascript/objects
/tutorials/javascript/dom
/tutorials/javascript/events
/tutorials/javascript/async
/tutorials/javascript/promises
/tutorials/javascript/fetch
/tutorials/javascript/modules
/tutorials/javascript/es6
/computer-science
/computer-science/programming
/computer-science/dsa
/computer-science/algorithms
/computer-science/data-structures
/computer-science/os
/computer-science/networks
/computer-science/databases
/computer-science/architecture
/computer-science/compiler-design
/computer-science/distributed-systems
/computer-science/system-design
/dashboard
/dashboard/overview
/dashboard/courses
/dashboard/learning
/dashboard/roadmaps
/dashboard/practice
/dashboard/projects
/dashboard/quizzes
/dashboard/progress
/dashboard/goals
/dashboard/streak
/dashboard/certificates
/dashboard/achievements
/dashboard/bookmarks
/dashboard/notes
This is the learner's personal control center.
/machine-learning
/machine-learning/basics
/machine-learning/python
/machine-learning/numpy
/machine-learning/pandas
/machine-learning/statistics
/machine-learning/supervised-learning
/machine-learning/unsupervised-learning
/machine-learning/deep-learning
/machine-learning/nlp
/machine-learning/computer-vision
/machine-learning/projects
/blog
/blog/all
/blog/programming
/blog/web-development
/blog/ai
/blog/career
/blog/open-source
/blog/tutorials
/blog/news
/blog/[slug]
Example:
/blog/how-to-learn-javascript
/blog/react-roadmap
/open-source
/open-source/projects
/open-source/contribute
/open-source/good-first-issue
/open-source/hacktoberfest
/open-source/guidelines
/open-source/events
This is particularly important for CodeHarborHub.
/practice
/practice/problems
/practice/dsa
/practice/algorithms
/practice/sql
/practice/javascript
/practice/python
/practice/java
/practice/cpp
Problem:
/practice/problems/[problem]
Example:
/practice/problems/two-sum
/practice/problems/reverse-string
/quizzes
/quizzes/all
/quizzes/html
/quizzes/css
/quizzes/javascript
/quizzes/react
/quizzes/python
/quizzes/typescript
/quizzes/ai
/quizzes/[quiz]
Attempt:
/quizzes/[quiz]/attempt
/quizzes/[quiz]/result
/roadmaps
/roadmaps/all
/roadmaps/beginner
/roadmaps/intermediate
/roadmaps/advanced
/roadmaps/frontend
/roadmaps/backend
/roadmaps/full-stack
/roadmaps/javascript
/roadmaps/react
/roadmaps/python
/roadmaps/ai
/roadmaps/cyber-security
Individual:
/roadmaps/[roadmap]
Progress:
/roadmaps/[roadmap]/progress
/roadmaps/[roadmap]/projects
/tutorials
/tutorials/html
/tutorials/css
/tutorials/javascript
/tutorials/typescript
/tutorials/react
/tutorials/nextjs
/tutorials/nodejs
/tutorials/python
/tutorials/java
/tutorials/cpp
/tutorials/go
/tutorials/rust
Individual topics:
/tutorials/[technology]/[topic]
/profile
/profile/[username]
Example:
/profile/ajay-dhangar
Public profile:
/profile/[username]/about
/profile/[username]/skills
/profile/[username]/courses
/profile/[username]/projects
/profile/[username]/certificates
/profile/[username]/badges
/profile/[username]/achievements
/profile/[username]/activity
/workshops
/workshops/upcoming
/workshops/live
/workshops/past
/workshops/[workshop]
/gamification
/xp
/levels
/streaks
/achievements
/badges
/rewards
Leaderboard:
/leaderboard
/leaderboard/global
/leaderboard/monthly
/leaderboard/weekly
/leaderboard/daily
/projects
/projects/all
/projects/beginner
/projects/intermediate
/projects/advanced
/projects/frontend
/projects/backend
/projects/full-stack
/projects/ai
/projects/ml
/projects/mobile
Individual:
/projects/[project]
Project workspace:
/projects/[project]/learn
/projects/[project]/requirements
/projects/[project]/solution
/projects/[project]/submission
/projects/[project]/reviews
/settings
/settings/profile
/settings/account
/settings/security
/settings/password
/settings/notifications
/settings/privacy
/settings/appearance
/settings/language
/settings/accessibility
/settings/billing
/settings/integrations
The A–Z structure above covers the learning ecosystem, but I'd add these routes too.
/ai
/ai/tutor
/ai/mentor
/ai/chat
/ai/explain
/ai/code-review
/ai/debug
/ai/quiz-generator
/ai/roadmap-generator
/ai/learning-plan
/ai/interview
/editor
/editor/html
/editor/css
/editor/javascript
/editor/typescript
/editor/python
/editor/react
/editor/sql
/editor/projects
/editor/projects/[id]
/labs
/labs/html
/labs/css
/labs/javascript
/labs/react
/labs/python
/labs/sql
/labs/ai
/labs/[lab]
/certificates
/certificates/my
/certificates/verify
/certificates/[id]
Important public URL:
/certificate/[certificate-id]
So a learner can share:
https://codeharborhub.github.io/certificate/CHH-2026-000123
/career
/career/jobs
/career/internships
/career/freelancing
/career/resume
/career/portfolio
/career/companies
/career/resources
Jobs:
/career/jobs/[job]
/community
/community/discussions
/community/questions
/community/projects
/community/showcase
/community/events
/community/groups
/community/mentors
Question:
/community/questions/[id]
Discussion:
/community/discussions/[id]
Because CodeHarborHub is open source:
/contributors
/contributors/[username]
/contribute
/contribute/start
/contribute/guidelines
/contribute/code
/contribute/docs
/contribute/content
/contribute/design
/contribute/translation
/events
/events/upcoming
/events/past
/events/hackathons
/events/workshops
/events/webinars
/events/bootcamps
/events/[event]
/resources
/resources/books
/resources/websites
/resources/tools
/resources/cheatsheets
/resources/snippets
/resources/templates
/resources/datasets
/resources/apis
/tools
/tools/json
/tools/regex
/tools/markdown
/tools/base64
/tools/url-encoder
/tools/timestamp
/tools/uuid
/tools/jwt
/tools/sql-formatter
/tools/code-formatter
/newsletter
/newsletter/subscribe
/newsletter/archive
/newsletter/[issue]
/help
/help/getting-started
/help/account
/help/courses
/help/tutorials
/help/practice
/help/certificates
/help/community
/help/technical
Other:
/support
/contact
/feedback
/faq
/about
/about/mission
/about/vision
/about/team
/about/community
/about/open-source
/about/contributors
Don't mix admin pages with learner pages.
/admin
/admin/dashboard
/admin/users
/admin/users/[id]
/admin/courses
/admin/courses/[id]
/admin/tutorials
/admin/docs
/admin/roadmaps
/admin/projects
/admin/problems
/admin/quizzes
/admin/certificates
/admin/blog
/admin/events
/admin/community
/admin/contributors
/admin/reports
/admin/analytics
/admin/moderation
/admin/settings
If you're using Docusaurus, don't think of every route as a physical pages file. Docusaurus docs routes are generated from your docs structure.
A good architecture would be:
codeharborhub/
│
├── docs/
│ ├── html/
│ ├── css/
│ ├── javascript/
│ ├── typescript/
│ ├── react/
│ ├── nodejs/
│ ├── python/
│ ├── git/
│ ├── github/
│ ├── linux/
│ ├── dsa/
│ ├── ai/
│ ├── machine-learning/
│ └── cyber-security/
│
├── blog/
│
├── src/
│ ├── pages/
│ │ ├── index.tsx
│ │ │
│ │ ├── courses/
│ │ ├── learning/
│ │ ├── roadmaps/
│ │ ├── tutorials/
│ │ ├── practice/
│ │ ├── projects/
│ │ ├── quizzes/
│ │ ├── certificates/
│ │ ├── community/
│ │ ├── contributors/
│ │ ├── career/
│ │ ├── ai/
│ │ ├── editor/
│ │ ├── labs/
│ │ ├── tools/
│ │ ├── events/
│ │ ├── resources/
│ │ ├── about/
│ │ ├── help/
│ │ ├── search/
│ │ └── profile/
│ │
│ ├── components/
│ ├── css/
│ ├── theme/
│ └── data/
│
└── static/
I would not put all these routes in the navbar.
Keep the primary navbar simple:
┌─────────────────────────────────────────────────────┐
│ CodeHarborHub │
│ │
│ Learn Practice Build Roadmaps AI Community │
│ Search Login │
└─────────────────────────────────────────────────────┘
Learn
├── Courses
├── Tutorials
├── Documentation
├── Learning Paths
├── Roadmaps
└── Computer Science
Practice
├── DSA
├── Coding Problems
├── Challenges
├── Quizzes
├── Assessments
└── Labs
Build
├── Projects
├── Code Editor
├── Developer Tools
└── Open Source
Career
├── Jobs
├── Internships
├── Interview
├── Resume
├── Portfolio
└── System Design
Community
├── Discussions
├── Questions
├── Projects
├── Events
├── Contributors
└── Mentorship
The final product architecture becomes:
CodeHarborHub
│
┌──────────────────────┼───────────────────────┐
│ │ │
LEARN PRACTICE BUILD
│ │ │
┌─────┼─────┐ ┌─────┼─────┐ ┌────┼────┐
│ │ │ │ │ │ │ │ │
Courses Docs Roadmaps DSA Quiz Challenges Projects Labs Editor
│ │ │ │ │ │ │ │ │
└─────┴─────┘ └─────┴─────┘ └────┴────┘
│ │ │
└─────────────────┼──────────────────────┘
│
PROGRESS
│
┌───────────┼───────────┐
│ │ │
XP Achievements Streak
│ │ │
└───────────┼───────────┘
│
CERTIFICATES
│
CAREER
│
┌──────────────┼──────────────┐
│ │ │
Jobs Interview Portfolio
│ │ │
└──────────────┼──────────────┘
│
COMMUNITY
│
┌──────────────┼──────────────┐
│ │ │
Questions Projects Open Source
If you're building CodeHarborHub right now, don't try to implement every route above. Start with these:
/
├── /courses
├── /tutorials
├── /docs
├── /learning
├── /roadmaps
├── /practice
├── /practice/problems
├── /projects
├── /quizzes
├── /dashboard
├── /progress
├── /certificates
├── /community
├── /contributors
├── /blog
├── /search
├── /about
├── /contact
├── /help
├── /auth/*
└── /settings/*
Then add:
V2
├── /ai
├── /editor
├── /labs
├── /assessments
├── /achievements
├── /leaderboard
└── /career
And later:
V3
├── /mentorship
├── /events
├── /bootcamps
├── /jobs
├── /instructor
├── /teams
└── /enterprise
This gives CodeHarborHub a clean progression from an open-source learning/documentation platform into a full Learn → Practice → Build → Prove → Career → Community ecosystem without making the initial project unnecessarily complicated.