A personal portfolio and blog website built with HTML, Tailwind CSS, and JavaScript.
To set up the project locally, follow these steps:
- Node.js (v14 or newer)
- npm (comes with Node.js)
-
Clone the repository or download the project files
-
Navigate to the project directory:
cd My-BRAND
-
Install dependencies:
npm install
-
Install the Tailwind CSS typography plugin:
npm install --save-dev @tailwindcss/typography
Alternatively, you can run the provided installation script:
node scripts/install-dependencies.js
-
Build the CSS:
npm run build
-
For development with auto-refresh:
npm run dev
index.html
- Main homepageviews/
- HTML pages for different sectionscomponents/
- Reusable JavaScript componentsscripts/
- JavaScript files for functionalitystyles/
- CSS including Tailwind configurationimages/
- Image assets
The header is automatically inserted at the beginning of each page through the header.js script.
The footer is automatically inserted at the end of each page through the footer.js script.
To use the pagination component:
insertPagination('#container-selector', {
currentPage: 1,
totalPages: 8,
onPageChange: function(page) {
// Your page change handling code here
}
});
- Tailwind CSS is used for styling
- JavaScript modules are organized by functionality
- The site is responsive and works on mobile, tablet, and desktop devices
Do you have questions or want to connect with me? Reach out on my social media platforms or through the contact form on my portfolio.
- LinkedIn: Ndevu-LinkedIn
- Twitter: @Ndevu-Twitter
- Email: < niyokwizerwajeanpaulelisa@gmail.com>
Feel free to explore my code and creations. Let's build something amazing together!
This project is licensed under the MIT License - see the LICENSE.md file for details.