PROD [Live] : https://react-webdev-portfolio-v2-prod.netlify.app/
- List of sections i.e. Navbar, Hero, Skills, About, Projects.
- Navbar consists of
Logo
andNavLinks
to navigate around the project. - Hero consists of
Info
about 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
,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 byTailwind CSS
. - To run the project locally, clone the repo,
npm install
to install the dependencies, andnpm run dev
to 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.