portfolio/README.md

[![Portfolio of Ryan Freeman](https://user-images.githubusercontent.com/30879081/216793827-c480404a-3d91-4f9b-ba4a-26eed9cadb37.jpeg)](https://ryanfreeman.dev/)

# Portfolio

This website was built using TypeScript, React, Next.js and Tailwind CSS. It is designed to showcase my professional experience
and skills, as well as provide information about me and my interests.

- Language: [TypeScript](https://www.typescriptlang.org/)
- Framework: [Next.js](https://nextjs.org/)
- Database: [Supabase](https://supabase.com/)
- Deployment: [Self-Hosted on Raspberry Pi 5](https://ryanfreeman.dev/writing/migrating-from-vercel-to-raspberry-pi-5)
- Styling: [Tailwind CSS](https://tailwindcss.com/)
- Integrations: [Spotify](https://spotify.com/)

## Project structure

- `app/` - App router.
- `app/api/` - API routes for article views and Spotify integrations.
- `app/writing/` - Blog posts written in MDX format (Markdown in JSX).
- `components/` - All the components of the website in tsx format.
- `lib/` - Useful functions and scripts for connecting to external services and so on.
- `public/` - Used for static files such as icons and images.
- `styles/` - Contains the stylesheets for Tailwind and Prism.
- `types/` - Types for various components in the project.

## Running locally

This application requires node v16.14+.

```bash
git clone https://github.com/r-freeman/portfolio.git
cd portfolio/
npm i
npm run dev
```

Create a `.env.local` file using `.env.example` as a template.
Updated screenshot in README 2023-02-04 23:30:30 +00:00			`[![Portfolio of Ryan Freeman](https://user-images.githubusercontent.com/30879081/216793827-c480404a-3d91-4f9b-ba4a-26eed9cadb37.jpeg)](https://ryanfreeman.dev/)`
Added preview image to README 2023-02-04 11:11:01 +00:00
Updated README 2023-01-21 23:38:13 +00:00			`# Portfolio`
Updated portfolio 2022-12-06 12:54:34 +00:00
Updated README 2023-01-21 23:38:13 +00:00			`This website was built using TypeScript, React, Next.js and Tailwind CSS. It is designed to showcase my professional experience`
			`and skills, as well as provide information about me and my interests.`
Updated portfolio 2022-12-06 12:54:34 +00:00
Updated README 2023-01-21 23:38:13 +00:00			`- Language: [TypeScript](https://www.typescriptlang.org/)`
			`- Framework: [Next.js](https://nextjs.org/)`
Updated README and .env.example 2023-04-10 22:20:18 +00:00			`- Database: [Supabase](https://supabase.com/)`
Add post 2024-08-25 16:12:04 +00:00			`- Deployment: [Self-Hosted on Raspberry Pi 5](https://ryanfreeman.dev/writing/migrating-from-vercel-to-raspberry-pi-5)`
Updated README 2023-01-21 23:38:13 +00:00			`- Styling: [Tailwind CSS](https://tailwindcss.com/)`
			`- Integrations: [Spotify](https://spotify.com/)`
Updated portfolio 2022-12-06 12:54:34 +00:00
Updated README 2023-01-21 23:38:13 +00:00			`## Project structure`
Migrated to nextjs13 & TypeScript 2023-01-14 19:31:05 +00:00
Update README.md 2023-08-01 17:52:28 +00:00			- `app/` - App router.
			- `app/api/` - API routes for article views and Spotify integrations.
			- `app/writing/` - Blog posts written in MDX format (Markdown in JSX).
Updated README and .env.example 2023-01-22 20:48:20 +00:00			- `components/` - All the components of the website in tsx format.
Updated README 2023-01-21 23:38:13 +00:00			- `lib/` - Useful functions and scripts for connecting to external services and so on.
			- `public/` - Used for static files such as icons and images.
			- `styles/` - Contains the stylesheets for Tailwind and Prism.
			- `types/` - Types for various components in the project.

			`## Running locally`

			`This application requires node v16.14+.`

			```bash
			`git clone https://github.com/r-freeman/portfolio.git`
			`cd portfolio/`
			`npm i`
			`npm run dev`
			```

Update README.md 2023-08-01 17:52:28 +00:00			Create a `.env.local` file using `.env.example` as a template.