This project is a personal portfolio website built with React and Tailwind CSS. It showcases different sections like Home, Resume, Work, Blog, and Contact. The website is designed to be responsive, with specific handling for various screen sizes to ensure optimal viewing experiences across devices.
This project demonstrates the creation of a modern and professional protfolio using the following technologies:
- reactjs
- react-router
- prelineUI(components)
- daisyUI (components)
- Flexbox Layout: Utilizes Flexbox for a flexible layout that adapts to different screen sizes.
- Tailwind CSS: Leverages Tailwind CSS utility classes for responsive design and styling.
- Sticky Navbar: The Navbar remains sticky on both larger and smaller devices to provide easy navigation.
- Navigation Links: Includes links to Home, Resume, Work, Blog, and Contact sections.
- Icons and Labels: Each navigation link features an icon and a label for clarity.
- Hover Effects: Provides visual feedback on hover with background and text color changes.
- Three Columns: The layout consists of a left column, a middle column, and a right column.
- Left Column: Contains personal data and remains sticky on larger screens.
- Middle Column: Main content area that dynamically changes based on the selected section.
- Right Column: Contains the sticky Navbar on larger screens and a floating Navbar on smaller screens.
This portfolio project demonstrates a well-structured, responsive design with a focus on usability and accessibility. By following the provided structure and using the specified classes, you can maintain a consistent and user-friendly interface across various devices.