PunGrumpy's curated list of the photos

A curated list of the photos I take, built with Astro and Tailwind CSS

https://pun-grumpy-takes.vercel.app/

Stack

Astro - Static Website Framework
Tailwind CSS - CSS Framework
React - Component-based UI framework for JS
Headless UI - Unstyled interactive components
React Icons - Icon set

Installation

# Clone the repository
git clone https://github.com/PunGrumpy/PunGrumpy-Takes.git

Local Development

# Install dependencies
yarn install

# Start the development server
yarn dev

Docker

Docker Build & Run

# Build the image
docker build -f Dockerfile.dev -t pungrumpy-takes .

# Run the container
docker run -it -p 3000:3000 pungrumpy-takes:latest

Docker Compose

# Docker Compose
docker-compose -f docker-compose-dev.yml up

Project Structure

Inside of your Astro project, you'll see the following folders and files:

PROJECT_ROOT
├── public              # static assets
│   └── posts           # images of posts
├── src
│   ├── components      # Astro & React components
│   │   └── icons
│   ├── layouts         # page layouts
│   ├── pages           # page files
│   │   └── posts       # .md files
│   └── styles          # global stylesheets
└── .astro              # Astro config file

Tracking the project progress

License

MIT License.

You can create your own homepage for free without notifying me by forking this project under the following conditions:

Delete my blog content and assets

PunGrumpy/pungrumpy-takes