This repository powers the Mark Farrell Portfolio, a modern and responsive personal site built with React, TypeScript, Tailwind CSS, and Vite, complete with Vitest-powered unit testing. This deploys to github pages at the URL https://markfarl.github.io/portfolio/#/
| Technology | Description |
|---|---|
| React | UI library for building dynamic user interfaces |
| TypeScript | Strong typing for safer, scalable code |
| Tailwind CSS | Utility-first styling for rapid and consistent design |
| Vite | Lightning-fast build tool and development server |
| Vitest | Fast and native unit testing framework |
- Elegant portfolio layout to showcase projects and skills
- Fully responsive—looks sharp on any device
- Type-safe architecture for reliability and maintainability
- Built with performance in mind: minimal bundle and fast loads
- Unit tests ensure components and utility logic are robust
These steps will get the project running on your local machine for development and testing:
-
Clone the repository:
git clone https://github.com/markfarl/portfolio.git cd portfolio -
Install dependencies via your preferred package manager:
npm install # or yarn -
Run the development server:
npm run dev # or yarn devNavigate to
http://localhost:5173to see your portfolio live. -
Run unit tests:
npm test # or yarn test
This fires up Vitest to check your components and utils.
-
Build for production:
npm run build # or yarn build
- TypeScript everywhere: Enhances developer confidence and catches mistakes before runtime.
- Utility-first Tailwind: Makes design iteration faster and more maintainable.
- Vite as the backbone: Provides instant feedback during dev and optimized production builds.
- Vitest for testing: Integrates seamlessly with your setup for quick and reliable testing results.
This repository is setup to deploy to githib pages using github actions. steps in .github/workflows/build.yml
- Tests
- deploy
You can see build here https://markfarl.github.io/portfolio/#/
This project is open-source and available under the MIT License.