https://github.com/pktcodes/navbar-react-project-v2

Navbar Project using React
https://github.com/pktcodes/navbar-react-project-v2

css ecmascript html javascript john-smilga navbar react react-hooks react-icons useeffect useref usestate vite

Last synced: 20 days ago
JSON representation

Navbar Project using React

• Host: GitHub
• URL: https://github.com/pktcodes/navbar-react-project-v2
• Owner: pktcodes
• Created: 2023-08-10T04:55:13.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2023-08-16T02:33:14.000Z (over 1 year ago)
• Last Synced: 2024-11-08T23:58:12.783Z (2 months ago)
• Topics: css, ecmascript, html, javascript, john-smilga, navbar, react, react-hooks, react-icons, useeffect, useref, usestate, vite
• Language: CSS
• Homepage: https://react-navbar-v2-prod.netlify.app
• Size: 35.2 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Navbar 🧭

> PROD [Live] : https://react-navbar-v2-prod.netlify.app/

#### Navbar consists of a straightforward user interface where there is a

- **Navigation bar** with an SVG image logo *Coding Addict*, a list of hyperlinks to other pages and social media sites.

- Page links i.e. `Home` is set to the homepage and other pages have not been set with any data i.e., `About` , `Projects` , `Contact` , `Profile` but **Netlify** handles them as *Page not Found*. Social Media icons have been set to route to their respective official sites.

- Data is handled by **`data.jsx`** and styles are handled by **`index.css`**

- To run the project locally, clone the repo, `npm install` to install the dependencies, and `npm run dev` to start up the development server on default port 5173.

#### Languages

HTML, CSS, JavaScript, ECMAScript, React - Hooks ~ useState, useEffect, useRef

#### Packages

[React Icons](https://www.npmjs.com/package/react-icons)

#### Deployment / Hosting

Netlify

---

_Note: I have developed this project ~ [12] as part of React 18 Tutorial and Projects Course (2023) taught by John Smilga._