https://github.com/atalek/portfolio-template-astro
Portfolio Template built with Astro and Tailwind
https://github.com/atalek/portfolio-template-astro
astro astrojs portfolio portfolio-page portfolio-site portfolio-template portfolio-website tailwind tailwindcss
Last synced: 3 months ago
JSON representation
Portfolio Template built with Astro and Tailwind
- Host: GitHub
- URL: https://github.com/atalek/portfolio-template-astro
- Owner: atalek
- License: mit
- Created: 2024-07-25T14:30:15.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-07-25T14:50:37.000Z (about 2 years ago)
- Last Synced: 2025-05-07T12:56:14.034Z (over 1 year ago)
- Topics: astro, astrojs, portfolio, portfolio-page, portfolio-site, portfolio-template, portfolio-website, tailwind, tailwindcss
- Language: Astro
- Homepage: https://portfolio-template-astro.atalek.com/
- Size: 107 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Portfolio template
This is a basic portfolio template built with **Astro** and **Tailwind CSS**. It provides
a clean and modern foundation to showcase your skills and experience, featuring toggleable
dark and light mode for user preference.
## Key Features
- **Easy Customization:** All text content is stored in a centralized constants.js file
within the data directory for effortless modifications. Simply replace the placeholder
text ('lorem ipsum') and the placeholder image with your own details.
- **Easy Customization:** Includes ready-to-use sections like Header, Hero, Projects,
About, Contact and Footer.
- **Toggleable Dark Mode**: Switch between dark and light themes for a personalized
browsing experience.
## Technologies Used
- **Astro:** A powerful framework for content-driven websites.
- **Tailwind CSS:** A utility-first CSS framework for rapidly building custom designs.
## Setup
1. **Clone the repository.**
```bash
git clone https://github.com/atalek/portfolio-template-astro.git
```
2. **Navigate to the project directory.**
```bash
cd portfolio-template-astro
```
3. **Install dependencies.**
```bash
npm install
```
4. **Run the development server.**
```bash
npm run dev
```
5. **Open your browser and visit http://localhost:4321 to view the portfolio template.**
## Live Version
[https://portfolio-template-astro.atalek.com/](https://portfolio-template-astro.atalek.com/)
## Author
Github [@atalek](https://github.com/atalek)
Linkedin:
[@Aleksandar Atanasovski](https://www.linkedin.com/in/aleksandar-atanasovski-16b123263/)
Portfolio: [https://www.atalek.com/](https://www.atalek.com/)