A personal website build with Astro, React, TailwindCSS and Preline UI.
Overview:
This product is a portfolio website built using the technologies Astro, Tailwind CSS, Preline UI, and React. It requires Node.js and either NPM or Yarn to be installed on the user’s machine. The installation process involves cloning the repository, installing necessary dependencies, and configuring the YouTube Data API.
Features:
- Responsive design: The portfolio website is designed to be responsive and will adapt to different screen sizes.
- YouTube integration: The website uses the YouTube Data API V3 to display videos from a channel. Users can store their API key and channel ID in the environment variables.
- Hot reloading: When making edits to the code, the page will reload automatically, allowing for a smooth development experience.
Installation:
- Make sure you have Node.js and either NPM or Yarn installed on your system.
- Clone the repository using the provided link.
- Install the necessary dependencies by running either
npm install or yarn install. - Configure the YouTube Data API by storing your API key and channel ID in the environment variables within the .env file.
- Run the application by navigating to the project directory and running
npm start or yarn start. - Access the portfolio website by opening http://localhost:3000 in your browser.
Summary:
This product is a portfolio website built with Astro, Tailwind CSS, Preline UI, and React. It allows users to display videos from a YouTube channel and provides a responsive design for optimal viewing experience on different devices. The installation process involves cloning the repository, installing dependencies, and configuring the YouTube Data API.
