Component: SideBar

[oliviarbanks]

Each icon should be clickable and link to the component of that icon; i.e: trending to trending, movies to movies, etc.

Per Mary's user story:

AC: Shows app icon AC: Clicking the Homescreen icon routes to movies/tv series AC: Clicking the Movies icon routes for all movies AC: Clicking the TV series icon routes for all tv series AC: Clicking the Bookmarked routes filters for all bookmarks AC: Shows user profile icon AC: Able to navigate back and forth through routes

[Anishpokhrel04]

okay might be easier one . just look the react code below. //SideBar.jsx import React from 'react'; import { Link } from 'react-router-dom';

const Sidebar = () => { return (

🎬 Movies 📺 TV Series 📌 Bookmarked 👤 Profile

); };

export default Sidebar;

//App.Jsx import React from 'react'; import { BrowserRouter as Router, Route, Routes } from 'react-router-dom'; import Sidebar from './Sidebar'; import Movies from './Movies'; import TVSeries from './TVSeries'; import Bookmarked from './Bookmarked'; import UserProfile from './UserProfile';

const App = () => { return (

} /> } /> } /> } />

); };

export default App;

you have to make different jsx file for different components

[oliviarbanks]

Thanks for the input Anish!