reeucq/vanity

Explore van gogh paintings in an interactive gallery

Vanity - Demystifying Van Gogh

Introduction

This project is a hobby project that I started after completing Full Stack Open by University of Helsinki. I always wanted to learn more about Van Gogh and his paintings. So, I decided to build a web application that would help me learn more about Van Gogh and his paintings.

Features

• Van Gogh Paintings and their details (Status: Completed ✅)
• Facts about Van Gogh (Status: Completed ✅)
• Search and Filter functionality (Status: Completed ✅)
• Charts and Visualizations that provide some cool insights about Van Gogh's (Status: Completed ✅)
• Interactive Map (Status: Completed ✅)
• AI Description for all Paintings (Status: Completed ✅)

Libraries Used

• Tech Stack: React, Node.js, Express, MongoDB
• Server State Management: Tanstack Query
• Data Fetch: Axios
• Routing: React Router
• CSS: Tailwind CSS
• UI: shadcn/ui
• Charts: react-chartjs-2
• Maps: react-simple-maps
• Icons: lucide-icons

Data Sources

• Van Gogh Paintings Listings - Wikipedia
• GeoJSON Data - GADM
• TopoJSON Conversion
• Color Data Extraction