nartefacts
here
I'm currently rewriting this application, you can check out my progressnartefacts is a website that curates colour palettes extracted from beautiful album covers of African musicians. The dominant colours on the covers are extracted using colour-thief an npm package.
The project serves two aims, firstly to provide colour inspiration for developers and designers & secondly for visitors of the site to discover new music.
The site is built with Next.js and javascript on the front end and styled with Styled-Components. Users can like and unlike palettes and their liked palettes are saved to local storage.
On the backend is a MongoDB database used to store the data. I used a GraphQL API to link the database to the front-end. The GraphQL API handles queries & the like and unlike feature as the like count is persisted in the database. An Apollo server facilitates the connection between the client and the database. Additionally, on the client, I used Apollo client for caching & as a GraphQL client.
Getting Started
First, run the development server:
npm run dev
# or
yarn dev
Open http://localhost:3000 with your browser to see the result.