Skip to content
D
Documentation

Navigation basics

task
5 min readUpdated

Conduit is a social blogging site. You can open Home, sign in or create an account, manage settings, create or edit articles, read an article, or open a profile from the routes provided by the application.

If you need to…Go to
Choose an article list or tagUnderstanding the interface
Access an existing accountSign in
Create an accountSign up
Create or edit an articleCreate and edit articles
Find an articleFind articles
Work with profilesProfiles overview
Resolve a general errorGeneral error messages

Before you start

Prerequisites

Have or knowWhy it matters
The page or task you want to openThe application provides separate routes for Home, authentication, the editor, articles, settings, and profiles.
Whether you are signed inThe header shows different links for signed-out and signed-in sessions, and Home chooses different article sources.
The article slug when opening an existing editorThe existing article's editor uses a route with a slug; the route without a slug opens the new-article form.

Find a destination

A destination is the page that matches the work you want to do. Use the header when its link is available, or open the route listed for the page.

Steps

  1. Choose one destination from the table.

    If you need to…Use the link or route
    Return to the start pageSelect Home, or open /.
    Enter an existing accountSelect Sign in, or open /login.
    Create an accountSelect Sign up, or open /register.
    Start a new articleSelect New Post, or open /editor.
    Change account settingsSelect Settings, or open /settings.
    Read one articleOpen the article page.
    View a profileOpen the profile page.
    View a profile's saved favoritesOpen the profile page's favorite-articles view.

Result: You have selected the destination.

Recognize Home navigation

Home is the starting page for choosing an article list: it contains feed choices and a Popular Tags area.

Steps

  1. Open Home at /.

  2. Select one Home choice.

    If you need to…Select
    Read the global article listGlobal Feed
    Read articles from accounts you follow, when availableYour Feed
    Filter the article list by a tagA tag in Popular Tags

Result: You have selected the feed or tag choice. If you need account access, continue to the authentication page.

Open an authentication page

An authentication page is where you enter account details for Sign in or Sign up.

Steps

  1. Select the page you need.

    If you need to…Select
    Use an existing accountSign in.
    Create an accountSign up.
  2. In the selected form, enter the requested values.

    PageFields
    Sign inEmail and Password
    Sign upUsername, Email, and Password
  3. Select Sign in on the existing-account form or Sign up on the new-account form.

Result: You have submitted the selected authentication form.

Open the article editor

The article editor is the page for entering an article title, description, body, and tags before publishing.

Steps

  1. Open /editor to start a new article.
  2. Open the existing article's editor.
  3. Enter the article name in Article Title.
  4. Enter the article description in What's this article about?.
  5. Enter the article text in Write your article (in markdown).
  6. Enter a tag in Enter tags.
  7. Select Publish Article.

Result: You have entered the article values and selected Publish Article.

Choose the available navigation branch

The available navigation depends on whether the current session is signed in and whether the route includes the value needed to open an existing article editor.

Steps

  1. Check the header for the available session branch.

    If the header shows…Use this branch
    Sign in and Sign upSigned-out links
    New Post, Settings, and a profile linkSigned-in links
  2. On Home, choose the available article-list branch.

    If…Select
    The follow-based list is availableYour Feed.
    The follow-based list is not availableGlobal Feed.
    A tag is available in Popular TagsThe tag.
  3. Choose an editor destination.

    If you need to…Choose
    Start a new articleThe new-article editor
    Change an existing articleThe existing article's editor

Result: You have chosen the route and navigation choice that matches the session and the work you are starting.

If the page does not open

The application displays server-provided error values through an error list on the Sign in and Sign up pages.

Steps

  1. Read the values shown in the error list.
  2. Correct the value in Email, Password, or Username, as applicable.
  3. Select Sign in on the existing-account form or Sign up on the new-account form.

Result: You have submitted the selected authentication form.

Continue from the destination

After navigation, continue with the page that owns the work you want to complete.

You opened…Continue with…
Home and need to choose or filter articlesUnderstanding the interface or Find articles
An existing-account formSign in
A new-account formSign up
The article editorCreate and edit articles
A profileProfiles overview
SettingsPersonalizing your workspace

Result: You have identified the page for the next task.

Was this page helpful?

Download as PDF
Navigation basics — Conduit (React)