Project Management Web Application

Proje Hakkında

Marmara üniversitesinde çalışan kısmi zamanlı öğrencilerin, akademisyenlerin, teknikerlerin arasında zaman zaman fakülte içerisinde yapılacak görevlerle ilgili iletişim problemleri oluşmaktadır. Bu durum zaman kaybına yol açmaktadır.
Yeni kurulan fakültemizin gelişmesi ve ayrıca veri tabanı yönetim sistemlerinde kendimizi geliştirmek amacıyla bu proje gerçekleştirilmiştir.
Proje içeriği, Teknoloji Fakültesi Bilgisayar Bölümü özelinde kullanılacak bir web portalı özelinde panel üzerinden üniversite akademisyenleri, kısmı zamanlı çalışan öğrencilere görev atayabilir, bu görevi o an boşta olan öğrencilerden biri alabilir, görev takibini yapabilir.
Görev takibinde, hangi işin hangi öğrenciye verildiği, o işin son durumu hakkında, ne zaman bitirilmesi gerektiği gibi konularda bilgilendirmeye sahiptir. Son olarak öğretim görevlisinin verilen görevin bitirilmesi durumunda kontrol etme ve gerekirse tekrar revize ettirme hakkı vardır.
Veri tabanına kayıtlı olan tüm öğretim görevlileri ve öğrenciler bu görevleri görebilmektedirler.

Proje Yapısı

Frontend: HTML, CSS, Javascript, React
Backend: Node.js, Express.js
Database: PostgreSQL

Bu repository'de sadece frontend kısmı bulunmaktadır. Backend repository'si için buraya tıklayabilirsiniz.

Proje Gereksinimleri

Node.js (frontend ve backend)
npm (frontend ve backend)
PostgreSQL (backend)

Kurulum

Yukarıda belirtilen backend repository'si docker-compose dosyasını çalıştırarak programı inceleyebilirsiniz. Eğer veritabanı bağlantısı kullanmak istemiyorsanız. Yalnızca frontend projesini çalıştırmak için Aşağıdaki adımları takip edebilirsiniz.

Veritabanı ve backend bağlantısı olmadığı için bazı özellikler çalışmayacaktır. Örneğin görevlerin durumunu değiştirmek, görevleri silmek, görevleri revize etmek gibi. Tam anlamıyla tüm fonksiyonları çalıştırmak için buraya tıklayabilirsiniz.

Projeyi klonlayın.

git clone https://github.com/MelihAfsar/Project-Management-Web-Application-React.git

Proje kök dizininde olduğunuza emin olun.

cd Project-Management-Web-Application-React

Terminalde aşağıdaki komutu çalıştırın.

npm install

Projeyi çalıştırmak için aşağıdaki komutu çalıştırın.

npm start

Proje-Frontend Docker Image Linki

Frontend

Dockerfile ile projeyi build etmek

#Projeyi build edin.
docker build -t management-frontend .

#Projeyi çalıştırın.
docker run -d --rm --name management-frontend -p 3000:3000 management-frontend

Uygulamayı çalıştırdıktan sonra http://localhost:3000 adresine giderek uygulamayı kullanabilirsiniz.

Uygulama default olarak 3000 portunda çalışmaktadır. Portu değiştirmek için Dockerfile dosyasını düzenleyebilirsiniz.

Proje Klasör Yapısı

Proje Ekran Görüntüleri

Mevcut Görev Durum Tahtası: Drag and Drop Yöntemi ile çalışmaktadır.

Yeni Görevlerin Eklenmesi

Mevcut Görevlerin Görüntülenmesi

Yalnızca Görevi Oluşturan kişi tarafından görevin revize edilmesi ya da silinmesi özelliği

Personellerin Çalışma Durumlarının Tek Sayfada Toplanması

Personel İletişim Adresleri

Profil Bilgi Güncelleme Sayfası

Kişisel Notların görüntülenmesi, silinmesi ve düzenlenmesi

Notların Görüntülenmesi ve Düzenlenmesi

Kullanıcı Bilgilendirme Mesajları

melihafsar / project-management-web-application-react Goto Github PK