https://github.com/achrovisual/portfolio
My portfolio built on Next.js and Tailwind CSS.
https://github.com/achrovisual/portfolio
Last synced: 9 months ago
JSON representation
My portfolio built on Next.js and Tailwind CSS.
- Host: GitHub
- URL: https://github.com/achrovisual/portfolio
- Owner: achrovisual
- License: mit
- Created: 2021-10-09T07:33:07.000Z (over 4 years ago)
- Default Branch: develop
- Last Pushed: 2025-08-27T10:53:18.000Z (10 months ago)
- Last Synced: 2025-08-27T20:03:15.342Z (10 months ago)
- Language: TypeScript
- Homepage: https://achrovisual.com/
- Size: 70 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Portfolio
[](https://opensource.org/licenses/MIT)
[](https://nextjs.org/)
[](https://www.typescriptlang.org/)
[](https://tailwindcss.com/)
[](https://react.dev/)
[](https://docs.github.com/en/actions)
## 🚀 Overview
This is my personal portfolio website, built to showcase my projects, skills, and professional experience. It serves as a dynamic and interactive platform to highlight my capabilities in web development, system architecture, UI/UX, and more. The site features a modern design, responsive layouts, and engaging animations to provide a smooth user experience.
## ✨ Features
- **Dynamic Content Display:** Showcases projects and GitHub activity with data fetching.
- **Interactive Skill & Tag Scrollers:** Features automatically scrolling sections for skills/tools and related tags, with pause-on-hover functionality.
- **Responsive Design:** Optimized for seamless viewing across various devices (desktop, tablet, mobile).
- **Dark Mode Support:** Provides a comfortable viewing experience in different lighting conditions.
- **Performance Optimized:** Built with Next.js for efficient rendering and fast page loads.
- **Clean** and **Modular Codebase:** Organized into reusable components for maintainability and scalability.
## 🛠️ Technologies Used
- **Framework:** [Next.js](https://nextjs.org/) (React Framework for production)
- **Language:** [TypeScript](https://www.typescriptlang.org/)
- **Styling:** [Tailwind CSS](https://tailwindcss.com/)
- **Icons:** [Iconify](https://iconify.design/) (via `@iconify/react`)
- **Version Control:** [Git](https://git-scm.com/) / [GitHub](https://github.com/)
- **CI/CD:** [GitHub Actions](https://docs.github.com/en/actions) (for `ci.yaml` and `pr-branch-validation.yaml`)
## ⚙️ Getting Started
Follow these instructions to set up the project locally.
### Prerequisites
- Node.js (v18.x or later recommended)
- npm or yarn
### Installation
1. **Clone the repository:**
```bash
git clone https://github.com/achrovisual/portfolio.git
cd portfolio
```
2. **Install dependencies:**
```bash
npm install
# or
yarn install
```
3. **Set up environment variables:**
Create a `.env.local` file in the root directory and add any necessary environment variables (e.g., API keys for GitHub or gallery data if applicable).
```ini
# Example .env.local
# GITHUB_TOKEN=your_github_personal_access_token
```
### Running the Development Server
```bash
npm run dev
# or
yarn dev
```
Open in your browser to see the result.
You can start editing the page by modifying src/app/page.tsx. The page auto-updates as you edit the file.
### Building for Production
```bash
npm run build
# or
yarn build
```
This command builds the application for production to the .next folder.
### Running the Production Server
```bash
npm start
# or
yarn start
```
## 🚀 Deployment
This project can be easily deployed to various platforms that support Next.js applications, such as Vercel, Netlify, or self-hosted solutions using Docker.
## 📄 License
This project is licensed under the [MIT License](https://opensource.org/licenses/MIT).
Eugenio Pastoral - Connect with me on [LinkedIn](https://www.linkedin.com/in/eugeniopastoral/) | [GitHub](https://github.com/achrovisual)