PROD [Live] : https://react-webdev-portfolio-v2-prod.netlify.app/
- List of sections i.e. Navbar, Hero, Skills, About, Projects.
- Navbar consists of
LogoandNavLinksto navigate around the project. - Hero consists of
Infoabout the developer.- On
screens <768px, the Hero will not have image.
- On
- 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,Textalong with the links to the project, source code/ Loading...will be shown while fetching the projects,There was an errorif any error has occurred.- Data is handled by the headless CMS
ContentfulSDK,data.jsxand styles are implemented using byTailwind CSS. - To run the project locally, clone the repo,
npm installto install the dependencies, andnpm run devto start up the development server on default port 5173.
HTML, CSS, JavaScript, ECMAScript, React - Hooks
Netlify
Note: I have developed this project ~ [20] as part of the React 18 Tutorial and Projects Course (2023) taught by John Smilga.