This repository contains the source code for my personal portfolio website. The site is built using standard web technologies including HTML, CSS (with Tailwind CSS), and JavaScript. It is a centralized platform to present my professional background, highlight selected projects, and provide direct access to my resume, GitHub repositories, and other relevant links. The layout is responsive across all device sizes.
The project was developed with a focus on clean code organization, modern design principles, and accessibility standards. It is deployed via Vercel for continuous integration and delivery, using GitHub as the version control system.
Live Demo: https://nicolasmgioanni.dev/
- Mobile-first responsive layout for optimal viewing on all screen sizes
- Project showcase with links to live demos and source code
- Integrated social and contact links
- Font-based icons using FontAwesome
- Google Fonts integration for typography
- Supports both light and dark modes
- Scroll-based animations and transitions
- Hosted on a custom domain using Vercel
- React – Core JavaScript library for building user interfaces
- Vite – Fast build tool and development server for modern web apps
- Tailwind CSS – Utility-first CSS framework
- SCSS (Sass) – Extended styling capabilities beyond plain CSS
- CSS Modules – Scoped CSS to avoid naming conflicts
- FontAwesome – Icon toolkit for UI/UX enhancement
- Google Fonts – For custom typography
- Node.js – JavaScript runtime
- npm – Package manager for dependencies
- Vercel – Deployment and hosting platform with CI/CD
- Git & GitHub – Version control and code hosting
- ESLint – Code quality and linting tool
- Prettier – Code formatting for consistent styling
To run this project locally, follow these steps:
Make sure you have Node.js installed on your machine. Check your installation by running:
node -v
-
Clone the repository:
git clone https://github.com/nicolasgioanni/portfolio.git
-
Navigate to the project directory:
cd portfolio -
In the project directory, install dependencies:
npm install
-
Start the development server:
npm start
-
Open http://localhost:3000 to view the app in the browser.
NOTE: The page will reload if you make edits, and you will see any lint errors in the console.
This portfolio is deployed using Vercel. Each push to the main branch on GitHub triggers automatic deployment. The production site is hosted at a custom domain.
This project is licensed under the MIT License. see the LICENSE file for details.