Overview

This third sprint i am aiming to getting to use a very popular web library (React).

Development Environment

For this project i am building a front end for a task management rest api that i build in sprint 1.

Hook back end to front end
Routing in react
State management
Login and Logout
Forms and data transfere to backend
Render data from Back end
React styling

Useful Websites

React Js Application Front end for task managament application (Taskator)

In summary, the frontend of our Task Management Application, Taskator, provides an intuitive and user-friendly interface to streamline task and activity management. Taskator offers a flexible and scalable solution to enhance productivity, improve time management, and facilitate seamless coordination of tasks and activities. With our frontend, users can efficiently organize, prioritize, and track their tasks, making it a valuable tool for boosting efficiency and achieving their goals.

Project Overview

General Information
Project Description
Features
Technologies Used

Front-End Development

User Interface (UI) Design

User-Friendly Interface
Intuitive Dashboard
Task Lists
Filters and Sorting Options
Task Details View
Task Creation and Editing

User Experience (UX)

Smooth Navigation
Responsiveness
Cross-Browser Compatibility
Accessibility
Mobile Responsiveness

Development Tools

Front-End Framework (React)
Styling CSS
State Management ()
API Integration
Task Status Updates
Real-Time Notifications

Task Management Features

Task Creation and Assignment
Task Priority
Due Dates and Reminders
Task Progress Tracking
User Profiles
Collaboration and Comments
Attachments and File Uploads

Additional Functionality

Integration with Back-End (REST API)
User Authentication and Authorization
Data Storage
Reports and Analytics
Customization and Themes
Search and Filters

Deployment

Hosting (Render)

Continuous Integration/Continuous Deployment (CI/CD)

General Info

General Information
Operations RESTApi for day to day tasks.

Technologies Used

"dependencies": {  
    "@types/jest": "^29.5.2",  
    "body-parser": "^1.18.3",  
    "dotenv": "^16.0.3",  
    "express": "^4.18.2",  
    "express-openid-connect": "^2.16.0",  
    "express-session": "^1.17.3",  
    "jsonwebtoken": "^9.0.0",  
    "mongodb": "^4.4.0",  
    "nodemon": "^2.0.22",  
    "passport": "^0.6.0",  
    "passport-google-oauth2": "^0.2.0",  
    "supertest": "^6.3.3",  
    "swagger-ui-express": "^4.3.0",
    "validator":"^13.9.0",
    "passport": "^0.6.0",  
    "passport-google-oauth2": "^0.2.0",    
  },  
  "devDependencies": {  
    "eslint": "^8.10.0",  
    "eslint-config-prettier": "^8.5.0",  
    "eslint-plugin-prettier": "^4.0.0",  
    "jest": "^29.5.0",  
    "nodemon": "^2.0.22",  
    "prettier": "^2.5.1",  
    "supertest": "^6.3.3",  
    "swagger-autogen": "^2.19.0",  
    "cors": "^2.8.5", 
    "typescript": "^5.2.2"   
  }

McDonaldMusimwa/taskator