Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd Logo
Upload

Welcome to Scribd!

  • 13 views

    SCIC - 8 Job Task

    Uploaded by

    Mahmud Hasan
    The document describes building a task management platform using React. It includes requirements for designing a landing page, user authentication, and core task management features like creating, dragging between lists, and deleting tasks. It also lists additional optional features and provides guidelines.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd

    SCIC - 8 Job Task

    Uploaded by

    Mahmud Hasan
    13 views3 pages
    The document describes building a task management platform using React. It includes requirements for designing a landing page, user authentication, and core task management features like creating, dragging between lists, and deleting tasks. It also lists additional optional features and provides guidelines.

    Original Title

    SCIC -8 Job task

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    The document describes building a task management platform using React. It includes requirements for designing a landing page, user authentication, and core task management features like creating, dragging between lists, and deleting tasks. It also lists additional optional features and provides guidelines.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Download as docx, pdf, or txt
    13 views3 pages

    SCIC - 8 Job Task

    Uploaded by

    Mahmud Hasan
    The document describes building a task management platform using React. It includes requirements for designing a landing page, user authentication, and core task management features like creating, dragging between lists, and deleting tasks. It also lists additional optional features and provides guidelines.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Download as docx, pdf, or txt
    You are on page 1of 3

    Company Name: ‘SCC Technovision Inc.

    ’
    Position: Frontend Developer
    Technologies: React, Firebase
    Task: Build a Task Management Platform

    Objective:
    Create a responsive and visually appealing collaborative Task management platform
    using React.js focusing on frontend development. The platform aims to enhance and
    improve task management.

    Technology: For frontend react js, For backend: Express, node js, and MongoDB.
    Any other technologies can be used according to preference.

    Task requirements:

    Designing part:

    1. Create a responsive design across the whole website. So that the user
    gets a device-friendly look from any phone/ tablet/PC.
    2. Design a simple landing page that will have the following things -
    ❖ Simple navbar that will have 3-4 clickable relevant routes. Also, use
    a suitable banner that matches the concept of the website.
    ❖ Add a button called “Let’s Explore” on the banner. After clicking the
    user will be redirected to the login page. After logging in, the task
    management dashboard will appear.
    ➢ This means from the task management dashboard, the user
    will be able to create new tasks, see previous tasks, and
    handle them through drag-and-drop functionality across the to-
    do list, ongoing list, and completed list.
    ❖ Create a section that will display what type of people are using this
    website and to whom this can be of benefit. (Suppose, developers,
    corporate professionals, bankers, etc.). You can display it in any
    convenient way you prefer.
    ❖ Design a relevant footer with relevant and clickable social media
    links.
    Functionalities:

    1. User authentication:
    ❖ Each user should be able to log in, register, and log out from the
    website. Remember, after logging out, redirect to the landing page.
    ❖ Google sign-in and another login system must be implemented.
    Without login, a user can only see the landing page. But to manage
    or access the task management dashboard, a user will have to be
    logged in first.
    ❖ Each user will have his/her profile with a profile picture in the task
    management dashboard. You can design the dashboard content
    according to your preference. Personal task details that a user has
    added, he is doing, or completed will be shown in the task
    management dashboard.

    2. Features to be implemented:

    ❖ Users will be able to create new tasks with titles, descriptions,


    deadlines, and priority. (Low, moderate, high, etc.)
    ❖ As soon as a task is added, it will be shown on the to-do list of the
    task management dashboard.
    ❖ There will be three separate lists of to-do, ongoing, and completed.
    You have to Implement the drag-and-drop functionality so that the
    user can drag a task from ‘to-do’ to ‘ongoing’ or from ‘ongoing’ to
    ‘completed’. Or from any option to another option.
    ❖ Using the react hook form to create the tasks.
    ❖ Users can delete any tasks from the task management dashboard.
    However, the user must first log in to explore the task management
    dashboard.

    3. Additional Features:

    ❖ Notifications: Implement toast notifications for task assignments,


    updates, and deadlines.
    ❖ Use any animation library (Framer Motion / Spring.js / AOS) - this is
    optional.
    4. Bonus:
    ❖ Enable the task editing functionality. Suppose, a user wants to edit
    the task details. In that case, a button will be provided. By clicking
    this he/she can edit the tasks and save it again.

    Guidelines:
    - For any kind of assistance with functionality and Design ideas, you can
    explore Google, ChatGPT, YouTube, or else.
    - Feel free to use any external libraries or tools for your convenience.

    Provide the GitHub Repository link containing your codebase and the Live Site link of
    this Task.

    You might also like