/memo-pro

Notes web app built using Next.js and Prisma ORM

Primary LanguageTypeScript

MemoPro

MemoPro is a notes application built using Next.js and Prisma ORM.

With MemoPro, users can create, delete, and edit notes, give them a title, and sort them around the screen in any order they want.

Tech/Libraries

  • Next.js - React framework for building server-side rendered and static web applications.
  • Prisma - Database toolkit and ORM for Node.js.
  • Docker - A platform for developing, shipping, and running applications using containers.
  • NextAuth.js - Library for authentication in Next.js applications.
  • Tanstack React Query - Data-fetching library for react applications
  • React - JavaScript library for building user interfaces.
  • Tailwind CSS - A utility-first CSS framework for quickly styling web applications.
  • Formik - Library for building forms in React applications.
  • Dnd-kit - Drag and drop library for React.

Live Demo

You can try MemoPro by visiting the live demo at

https://memo-pro.vercel.app/.

And log in with demo acc:

login:      test@test.com
password:   test123

Screenshots

notes home, login, view notes create, view, update, mobile

Installation

git clone https://github.com/m-jezewski/memo-pro.git

Fill your .env variables: 

NEXT_PUBLIC_NEXTAUTH_URL=
DATABASE_URL=
NEXTAUTH_SECRET=

docker-compose up -d
npm run dev