mfcandan / productivity-app-react-repo

Productivity App Frontend Repo

Canlı Demo Linki: [https://todo-fe-sandy.vercel.app/]

Projenin canlı datasını için localde Backend Reposunu ayağa kaldırmalısınız: [https://github.com/mfcandan/todo-be]

Projeyi klonladıktan sonra kurmak için:

npm install

yada

npm install --legacy-peer-deps

Kurduktan sonra çalışıtırmak için:

npm start

Proje http://localhost:3000 urlinde çalışır

Proje hakkında:

Projenin Frontend tarafı React.js + Mantine UI + Zustand ile geliştirilmiştir. Atomic design yapısında componentler oluşturulmuştur. Login, Register, Home olmak üzere 3 temel sayfadan oluşur. Uygulama içerisinde yeni bir task için tag oluşturabilir. Oluşturduğunuz tagler ile tasklar oluşturabilirsiniz. Taskların içerisine image yükleyebilirsiniz. Ayrıca uygulama içinde taskları search edebilirsiniz. Her kullanıcı kendi giriş yaptığı user ile kendi tasklarını görebilir, düzenlebilir, silebilir. Mobile uyumlu responsive tasarıma sahiptir.

Screen shot: