https://github.com/pktcodes/webdev-portfolio-react-project-v2
WebDev Portfolio Project using Tailwind CSS
https://github.com/pktcodes/webdev-portfolio-react-project-v2
contentful-api custom-classes javascript john-smilga prettier-config prettier-plugin-tailwindcss react react-hooks tailwindcss tailwindcss-intellisense vite vscode-workspace-configuration webdev-portfolio
Last synced: 5 months ago
JSON representation
WebDev Portfolio Project using Tailwind CSS
- Host: GitHub
- URL: https://github.com/pktcodes/webdev-portfolio-react-project-v2
- Owner: pktcodes
- Created: 2023-11-23T08:58:31.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2024-08-17T17:44:53.000Z (over 1 year ago)
- Last Synced: 2025-02-22T01:41:37.515Z (about 1 year ago)
- Topics: contentful-api, custom-classes, javascript, john-smilga, prettier-config, prettier-plugin-tailwindcss, react, react-hooks, tailwindcss, tailwindcss-intellisense, vite, vscode-workspace-configuration, webdev-portfolio
- Language: JavaScript
- Homepage: https://react-webdev-portfolio-v2-prod.netlify.app/
- Size: 122 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# WebDev Portfolio 👨🏻💻
> PROD [Live] : https://react-webdev-portfolio-v2-prod.netlify.app/
#### WebDev Portfolio consists of a straightforward user interface where there is a
- List of sections i.e. **Navbar**, **Hero**, **Skills**, **About**, **Projects**.
- **Navbar** consists of `Logo` and `NavLinks` to navigate around the project.
- **Hero** consists of `Info` about the developer.
- On `screens <768px`, the Hero will not have _image_.
- **Skills** displays the cards with technologies the developer is comfortable with and enjoys writing code.
- **About** shows more details about the developer.
- **Projects** will showcase the list of cards where each card is represented with an `Image`, `Title`, `Text` along with the links to the project, source code/
- **`Loading...`** will be shown while fetching the projects, **`There was an error`** if any error has occurred.
- Data is handled by the headless CMS **`Contentful`** SDK, **`data.jsx`** and styles are implemented using by **`Tailwind 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
#### Deployment / Hosting
Netlify
---
_Note: I have developed this project ~ [20] as part of the React 18 Tutorial and Projects Course (2023) taught by John Smilga._