Feature Description:

We have to add a google form link where folks who get stuck can fill it up to let us know they face troubles. Google Form: Link. Your task is to design a footer to be displayed in the following pages:

1. /projects
2. /developers
3. /developers/:id
4. /projects/:id

The footer should have the message
"""
Copyright © {year} IEDC MEC
"""
in a centered manner

In case of /profile, try putting it in the navbar with a message like, maybe, "Notice a bug or possible UI improvement, fill this "

Possible Solutions:

1. Create a new component called CollabFooter which returns the footer as a component and add it to the following pages:
   • /projects. File: iedc-collab/src/Pages/Projects/Projects.js
   • /developers File: iedc-collab/src/Pages/Developers/Developers.js
   • /developers/:id File: iedc-collab/src/Pages/DeveloperDetail/DeveloperDetails.js
   • /projects/:id File: iedc-collab/src/Pages/ProjectDetail/ProjectDetail.js
2. Add them to the bottom of the page in an appropriate manner.
3. Ensure that the component is Mobile Responsive

Show a modal when the user clicks on "New Project" on the navbar.
The fields for the form are:

• Project Name
• Project Description (Might get long with multiple lines)
• Links (Let it be just a text box, we can parse the string for comma separated URLs)

Problem: The Hero page needs a "call to action" as well as a mini-tagline.

1. Restructure Hero section
2. Restructure /profile page for better view
3. Restructure /projects/:id route

1. Reduce the height in the div with className developer-details in page /developers so that there are 3 cards vertically.
   This helps us to add a footer with necessary links instead of scrolling down.
   This aims at preventing the break in UI:
   
2. Remove AOS from the cards inside developer-details in page /developers
3. Remove AOS from the cards inside projects-cards in page /projects

Problems:

• Emails are not being sent to users while accepting, requesting invitations
• Axios errors exist during the process

Verify and debug the workflow

Bug Description:

1. Update the website with details of Current collab project leads and devs. Update Homepage and https://collab-beta.iedcmec.in/team

Name, LinkedIn and Picture for (homepage):

• Project Leads
• Tech Leads
• Operations Lead
• Operations Team
• Design Lead
• Content Lead

(/team):
Tech Team members: Pictures and full name
Design Team: Pictures and full name

Location of Bug: iedc-collab/src/Components/Team/Team.js

Hint: Change the data in iedc-collabsrc/data/core.js and other files in the directory

Ps. More details will be updated soon!!

Bug Description:
Update homepage about us content with work@mec:
Insert as another paragraph in the About Us section in homepage. The content is:

"""
The "Work@mec", an upcoming feature, designed to provide a platform where the students of Model Engineering College will be able to apply for internships in MEC originated start-ups. It also allows the students who are forming a start-up within MEC to register their start-up through the app, which boosts the entrepreneurial culture, bridge the skill gap between the students and the industry and help combat unemployment at the same time!!
"""

Location of Bug: iedc-collab/src/Components/About/About.js

The Filter Chip Close Icon UI Can be Made better . You can refer to the one done in skills autocomplete of edit profile for reference.

Bug Description:

The following routes are not based on authentication:-

1. /developers
2. /projects
3. /MyJobs

Routes 1 and 2 should only be accessible to unauthenticated users and normal users
Route 3 should only be accessible to Organization

Location of the bug:
iedc-collab/src/App.js

Steps to reproduce to see bug:

• Sign up as a user and manually add /MyJobs to the end of URL
• Sign up as an organization and manually add /projects to the end of the URL

Hint:

Possible Solutions:

1. Create a new component called Protected Route which takes in props such as:
   • path of route
   • component to route (The custom component, like <Developers/> or )
   • the role which is authenticated to access the route
2. There is a key called role in the profile variable in ProjectContext.js file. Use that variable through useContext in the Protected Route component to check if the user is a normal user or organization.
3. Add in other edge-cases like, if the user has not logged in then (unauthenticated), restrict access to routes which require organization role.

Sample code:

// ProtectedRoute.js
import React from 'react';
import { Route, Redirect } from 'react-router-dom';
import { useAuth } from './AuthContext';

const ProtectedRoute = ({ component: Component, requiredRole, ...rest }) => {
  const { user, role } = useAuth();

  return (
    <Route
      {...rest}
      render={(props) => {
        if (!user) {
          return <Redirect to="/login" />;
        }
        if (requiredRole && role !== requiredRole) {
          return <Redirect to="/not-authorized" />;
        }
        return <Component {...props} />;
      }}
    />
  );
};

export default ProtectedRoute;

Hint: use useNavigate() hook to re-route on button click, if needed. Use Global search for sample implementation. (It is already implemented in the project)

Bug Description:
UI is broken in /projects page

Location of bug:
src\Pages\Projects\Projects.js

Possible solutions:

1. Increase the zIndex CSS property of the Filter button
2. Reduce the container width to prevent overlap only in Laptop view (recommended)

Topics of discussion:

1. Home page: especially landing page
2. Mobile responsive view check