Responsive Navbar

About:

The navigation bar is fully responsive. On larger screens, the navigation links are displayed inline, while on smaller screens, a toggle button appears to show or hide the menu. It includes links to various sections, a logo, and social icons. The project demonstrates the use of React hooks, particularly the useRef hook for managing the dropdown menu state.

You can try here: responsive-nav-bar-reactjs.netlify.app

Sample task, photo:

Technologies, Libraries:

• React JS
• Vite JS, ESLint, Prettier
• React Icons is a popular open-source library that provides a collection of accessible SVG icons for React applications.
• useRef Hook The useRef Hook in React allows for the creation of mutable "ref" objects that persist across component renders without triggering re-renders when their current property is updated.

Run the app:

• Clone a project: git clone

git clone https://github.com/SimAndrew/responsive-navbar-reactjs.git

• Open project code in your editor.
• Install the dependencies, enter into the terminal:

npm install

• Run the project, enter into the terminal:

npm run dev