Project April

A social link-sharing app, built in Next.js with Prisma, MongoDB, Tailwind and DaisyUI - as well as integration with Spotify and WhatsApp. This project takes some inspiration from Pinterest, as well as other link-sharing platforms and lifestyle blogs.

Built with:

TypeScript

Next.js

MongoDB

Prisma

Tailwind CSS

DEVELOPMENT BLOG_

  • Drag and Drop

    I used the HTML Drag & Drop API with React, to implement this feature which enables users to filter and search for existing links to add to their posts. It took a lot of fiddling around and digging through the React docs to get this working, but I'm pretty pleased with how it's shaping up to be a modern and intuitive interface.

  • Handling State in Server Components

    The Next.js 14 journey continues... Today's discovery: using searchParams to handle state in server components.

  • Auth Time

    Auth time! Setting up OAuth is always an adventure, and throwing TypeScript into the mix made me pretty nervous. But this time things seem to have gone pretty smoothly. My aim is to get the admin area of my current project up and running by the end of the week πŸš€

  • Stuck!

    OK, I'm stuck. I'm trying to create a linkItem in my Mongodb database and connect it to an existing category using a Prisma nested write. The title field is marked as @unique in the schema, so I think this should be possible without using the _id, but I'm getting this type error:

  • Planning UI with Excalidraw

    I really like Excalidraw as a planning tool. I find it very useful to map things out visually before coding as it keeps me focused and helps me to spot potential problems in advance.