iedcmec / iedc-collab Goto Github PK
View Code? Open in Web Editor NEWhttps://www.figma.com/file/1wLqtk2bBKta6PTazxkuJG/IEDC-COLLAB?node-id=880%3A145
Home Page: https://iedc-collab-frontend.pages.dev/
https://www.figma.com/file/1wLqtk2bBKta6PTazxkuJG/IEDC-COLLAB?node-id=880%3A145
Home Page: https://iedc-collab-frontend.pages.dev/
Problems:
Verify and debug the workflow
developer-details
in page /developers
so that there are 3 cards vertically.developer-details
in page /developers
projects-cards
in page /projects
Bug Description:
The following routes are not based on authentication:-
/developers
/projects
/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:
/MyJobs
to the end of URL/projects
to the end of the URLHint:
Possible Solutions:
Protected Route
which takes in props such as:
<Developers/>
or )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
.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)
Problem: The Hero page needs a "call to action" as well as a mini-tagline.
/profile
page for better view/projects/:id
routeTopics of discussion:
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
Show a modal when the user clicks on "New Project" on the navbar.
The fields for the form are:
Bug Description:
Name, LinkedIn and Picture for (homepage):
(/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!!
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:
/projects
/developers
/developers/:id
/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:
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
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.