Yeranosyan / Task-Manager

Using technology: React & Next.js, TypeScript, Tailwind CSS, Functional Components, Clerk, Prisma, MongoDB.

Fullstack Task Manager Application: Next.js, React, Prisma, MongoDB, React Icons, Clerk(Auth)

Hello everyone,

I am excited to announce that I have completed the FullStack Task Manager application. For the frontend, I leveraged React & Next.js 14 along with TypeScript. Additionally, I incorporated Tailwind CSS for styling, and for functional components, I wrote pure CSS. The icons used are provided by ReactIcons. Clerk was chosen for authentication to secure the application. Two key pages, 'signin' and 'signup', were successfully implemented.

To enhance the user experience, I integrated react-hot-toast for beautiful notifications in the React app. Furthermore, I employed Next Js TopLoader to optimize the loading experience.

For data management, I utilized Prisma along with MongoDB. This combination ensures efficient and reliable data handling for the application.

Thank you for your support!

Start Application:

• npm i styled-components

• npm i react icons

• npm install @clerk/nextjs

• Set up my environment keys

• Wrap my Next.js app in

• npm i @prisma/client prisma@latest

• npx prisma init --datasource-provider mongodb

• npx prisma generate

• npx prisma studio

• npm i axios

• npm install react-hot-toast

Package to formate my Date

• npm i moment

Install Top Loader

• npm install nextjs-toploader

Task-Manager