Announcement Bar and Sticky Navigation Bar

Blog Post: Creating a Sticky NavBar with an Announcement Bar in ReactJS

 React - React, Hooks, React Router(DOM)

 Sass - Used CSS with super powers

Installing

• Install Required Packages: run yarn install or npm install
• Update Packages: run yarn update or npm update

File Structure

src
   |-- components
   |   |-- announcement
   |   |   |-- announcement.component.jsx
   |   |   |-- announcement.styles.scss
   |   |
   |   |-- navbar
   |   |   |-- navbar.component.jsx
   |   |   |-- navbar.styles.scss
   |
   |-- App.jsx   
   |-- App.scss
   |-- App.test.js
   |-- index.css
   |-- index.js
   |-- logo.svg
   |-- reportWebVitals.js
   |-- setupTests.js