Skip to content

Armanidrisi/portfolio-tailwindcss

Repository files navigation

Tailwind CSS Portfolio Website 💼

GitHub GitHub stars GitHub forks

This is a portfolio website template built using Tailwind CSS. It's designed to showcase your skills, projects, and achievements in a clean and professional manner. Whether you're a developer, designer, or any other creative professional, this portfolio website will help you create an impressive online presence.

Live Preview 🌐

You can view a live preview of this portfolio website template by visiting https://aaronn-portfolio.surge.sh.

Features ✨

  • Responsive Design: The website is fully responsive and adapts to various screen sizes, ensuring a great user experience on desktop, tablet, and mobile devices.
  • Easy to Customize: The code is written in HTML and TailwindCSS, making it easy for you to customize the layout, colors, and content to match your personal brand.
  • Modern and Minimalistic: The design follows a modern and minimalistic approach, allowing your work to take center stage without any distractions.
  • Section-based Structure: The website is divided into several sections, including About, Projects, and Testimonials. This structure helps you organize your content effectively.
  • CSS Framework: The website is built using Tailwind CSS, a utility-first CSS framework that provides a wide range of pre-built components and utilities to speed up your development process.

Getting Started 🚀

Follow these instructions to get a copy of the project up and running on your local machine for development and testing purposes:

  1. Clone the repository:
git clone https://github.com/Armanidrisi/portfolio-tailwindcss.git
  1. Navigate to the project folder:
cd portfolio-tailwindcss
  1. Install the dependencies:
npm install
  1. Build the CSS:
npm run build
  1. Open the website:
  • If you're using a local development server, open the website in your browser at http://localhost:3000.
  • If you're using a static server, copy the contents of the dist folder to your server and open the website in your browser.
  1. Customize the content:
  • Open the index.html file in your favorite code editor.
  • Modify the content, colors, and layout as per your requirements.
  • Add your own projects, skills, and information to showcase your work.
  1. Deploy your website:
  • If you're using a static server, upload the contents of the dist folder to your hosting provider.
  • If you're using a different deployment method, follow the appropriate steps to deploy your website.

Contributing 🤝

Contributions are welcome! If you find any issues or have suggestions for improvements, please feel free to create a pull request or submit an issue.

License 📄

This project is licensed under the MIT License - see the LICENSE file for details.

Please don't forget to leave a 🌟