https://github.com/armanidrisi/portfolio-tailwindcss
Dark theme portfolio website created using tailwindcss.
https://github.com/armanidrisi/portfolio-tailwindcss
modernui modernuixuxdesign portfolio-site portfolio-website tailwind-portfolio tailwindcss tailwindcss-portfolio tailwindui
Last synced: 4 months ago
JSON representation
Dark theme portfolio website created using tailwindcss.
- Host: GitHub
- URL: https://github.com/armanidrisi/portfolio-tailwindcss
- Owner: Armanidrisi
- Created: 2023-06-28T08:27:09.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2023-11-06T05:20:36.000Z (over 1 year ago)
- Last Synced: 2024-11-26T01:16:25.018Z (6 months ago)
- Topics: modernui, modernuixuxdesign, portfolio-site, portfolio-website, tailwind-portfolio, tailwindcss, tailwindcss-portfolio, tailwindui
- Language: HTML
- Homepage: https://aaronn-portfolio.surge.sh
- Size: 1.11 MB
- Stars: 7
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Tailwind CSS Portfolio Website 💼
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](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**:
```bash
git clone https://github.com/Armanidrisi/portfolio-tailwindcss.git
```
2. **Navigate to the project folder**:
```bash
cd portfolio-tailwindcss
```
3. **Install the dependencies**:
```bash
npm install
```
4. **Build the CSS**:
```bash
npm run build
```
5. **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.
6. **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.
7. **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](LICENSE) file for details.
## Please don't forget to leave a 🌟