https://github.com/pktcodes/navbar-react-project
Navbar Project using React
https://github.com/pktcodes/navbar-react-project
css3 ecmascript6 html5 javascript localdata navbar react react-hooks react-icons useeffect useref usestate
Last synced: 8 months ago
JSON representation
Navbar Project using React
- Host: GitHub
- URL: https://github.com/pktcodes/navbar-react-project
- Owner: pktcodes
- Created: 2022-08-14T03:26:17.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2022-08-14T04:10:54.000Z (over 3 years ago)
- Last Synced: 2025-02-22T01:41:38.265Z (12 months ago)
- Topics: css3, ecmascript6, html5, javascript, localdata, navbar, react, react-hooks, react-icons, useeffect, useref, usestate
- Language: CSS
- Homepage: https://react-navbar-prod.netlify.app/
- Size: 422 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-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.js`** and styles are handled by **`index.css`**
- To run the project locally, clone the repo, `npm install` to install the dependencies, and `npm start` to start up the development server on default port 3000.
#### 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 ~ [11] as part of React and Projects Course taught by John Smilga.*