Frontend Routes And Components

Jump to bottom

Anuj Gupta edited this page Dec 26, 2021 · 20 revisions

Frontend Routes and Components

Organization for Frontend Components:

Root
- App
  - NavBar
    - NavLinks
  - [ Main Component ]

The following routes will be defined in the App Component, and will render the components as the [Main Component] above.

If not logged in:

/
- Splash
  - Log In
  - Sign Up
/login
- SessionForm

If logged in:

/discover
- NavBar
  - SongIndex
    - SongItem
  - SongBar
/users/:userId
- NavBar
- UserProfile
  - UserSongList
    - SongItem
- SongBar
/upload
- SongCreateForm
- SongBar
/tracks/:trackId
- SongShowItem
  - CommentForm
  - CommentIndex
    - CommentItem
- SongBar

Modals:

SignUp
Login
Song
Comment