Skip to content

Rasel developer #131

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
sabrinara wants to merge 3 commits into
base: test1
Choose a base branch
from
Open

Rasel developer #131

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
f03f771
update
sabrinara Jun 7, 2024
e412c96
Merge pull request #127 from TechBuilderTeam/Sabrinadev
sabrinara Jun 7, 2024
47dc588
Merge pull request #130 from TechBuilderTeam/Akther
sabrinara Jun 7, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 8 additions & 8 deletions src/components/Home/banner.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -59,20 +59,20 @@ const Banner = () => {
<h1 className="text-4xl font-bold mb-4">
Syncify Project Management
</h1>
<p className="mb-6">
<p className="mb-6 ">
With ProjectSyncify, you can drive clarity and impact at scale by
connecting work and workflows to company-wide goals.
</p>
{!user ? (
<Link to="/login">
<button className="px-4 py-2 bg-[#0c01a1] hover:bg-gradient-to-r from-[#30acc2] to-[#0c01a1] text-white rounded-sm">
Learn More
<button className="px-4 py-2 bg-[#0c01a1] hover:bg-gradient-to-r from-[#30acc2] to-[#0c01a1] text-white rounded-sm">
Get Started
</button>
</Link>
) : (
<Link to="/workspace">
<button className="px-4 py-2 bg-[#0c01a1] hover:bg-gradient-to-r from-[#30acc2] to-[#0c01a1] text-white rounded-sm">
Learn More
<button className="px-4 py-2 bg-[#0c01a1] hover:bg-gradient-to-r from-[#30acc2] to-[#0c01a1] text-white rounded-sm">
Get Started
</button>
</Link>
)}
Expand All @@ -86,20 +86,20 @@ const Banner = () => {
<h1 className="text-4xl font-bold mb-4">
Syncify Project Management
</h1>
<p className="mb-6">
<p className="mb-6 font-medium">
With ProjectSyncify, you can drive clarity and impact at scale by
connecting work and workflows to company-wide goals.
</p>
{!user ? (
<Link to="/login">
<button className="px-4 py-2 bg-[#0c01a1] hover:bg-gradient-to-r from-[#30acc2] to-[#0c01a1] text-white rounded-sm">
Learn More
Get Started
</button>
</Link>
) : (
<Link to="/workspace">
<button className="px-4 py-2 bg-[#0c01a1] hover:bg-gradient-to-r from-[#30acc2] to-[#0c01a1] text-white rounded-sm">
Learn More
Get Started
</button>
</Link>
)}
Expand Down
108 changes: 106 additions & 2 deletions src/components/Pages/Home/Developer.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,9 +1,113 @@
import React from 'react';
import { MdOutlineMail } from "react-icons/md";
import Title from "../../../pages/shared/Title";
import { IoLogoGithub } from "react-icons/io5";
import { FaLinkedin } from "react-icons/fa";
import { toast } from "react-toastify";


const Developer = () => {
const teamMembers = [
{
name: "Sabrina Rashid",
position: "Team Leader",
role: "Frontend Developer",
email: "sabrina.rashid.sara@gmail.com",
linkedin: "https://www.linkedin.com/in/sabrina--rashid",
github: "https://github.com/sabrinara",
imageSrc: "https://i.ibb.co/RvJtjZD/429823336-448305350855105-1214185624739971414-n.png",
},
{
name: "Nazmul Islam",
position: "Co-Leader",
role: "Backend Developer",
email: "najmulislamru@gmail.com",
linkedin: "https://www.linkedin.com/in/najmulislamnajimofficial",
github: "https://github.com/najmulislamnajim",
imageSrc: "https://avatars.githubusercontent.com/u/78375634?v=4",
},
{
name: "Rasel Chowdhury",
position: "Member",
role: "Frontend Developer",
email: "chowdhuryrasel040@gmail.com",
linkedin: "https://www.linkedin.com/in/rasel-chowdhury-4a27a220a/",
github: "https://github.com/rasel-chowdhury1",
imageSrc: "https://avatars.githubusercontent.com/u/87080744?v=4",
},
{
name: "Md Akther Hosen",
position: "Member",
role: "Frontend Developer",
email: "dev.aktherhosen@gmail.com",
linkedin: "https://www.linkedin.com/in/md-akther-hosen/",
github: "https://github.com/AktherHosen",
imageSrc: "https://avatars.githubusercontent.com/u/79582560?v=4",
},
{
name: "Sifath Islam",
position: "Member",
role: "Backend Developer",
email: "sifathislam790@gmail.com",
linkedin: "https://www.linkedin.com/in/mohaimenulislam1/",
github: "https://github.com/Sifathislam",
imageSrc: "https://avatars.githubusercontent.com/u/105329974?v=4",
},


];

const copyToClipboard = (text, label) => {
navigator.clipboard.writeText(text).then(() => {
toast.success(`${label} copied to clipboard!`);
// alert(`${label} copied to clipboard!`);
}).catch(err => {
console.error(`Failed to copy ${label}: `, err);
});
};
return (
<div>
developer
<div className=" px-10 py-8 mb-20">
<Title title="Developers of Project Syncify " />

<div className="grid grid-cols-1 md:grid-cols-3 xl:grid-cols-5 p-5 gap-3 justify-center mx-auto rounded-md">

{teamMembers.map((member, index) => (
<div key={index} className="text-center space-y-1">
<img
className="mx-auto rounded-full object-cover h-32 w-32"
src={member.imageSrc}
alt={`${member.name}'s image`}
width={300}
height={300}
/>
<h2 className="text-xl font-semibold mt-2">{member.name}</h2>
<h2 className="text-md font-semibold">{member.position} <span className="text-xs">({member.role})</span></h2>
{/* <h2 className="text-sm font-semibold">({member.role})</h2> */}
<div className="flex justify-center items-center mt-1">
<div onClick={() => copyToClipboard(member.email, 'Email address')} style={{ cursor: 'pointer', display: 'flex', alignItems: 'center', marginBottom: '5px' }}>
<MdOutlineMail style={{ marginRight: '5px' }} />
{/* {member.email} */}
</div>
<div onClick={() => copyToClipboard(member.github, 'GitHub username')} style={{ cursor: 'pointer', display: 'flex', alignItems: 'center', marginBottom: '5px' }}>
<IoLogoGithub style={{ marginRight: '5px' }} />
{/* {member.github} */}
</div>
<div onClick={() => copyToClipboard(member.linkedin, 'LinkedIn profile URL')} style={{ cursor: 'pointer', display: 'flex', alignItems: 'center', marginBottom: '5px' }}>
<FaLinkedin style={{ marginRight: '5px' }} />
{/* {member.linkedin} */}
</div>
</div>

</div>
))}


<div>

</div>
</div>

</div>
</div>
);
};
Expand Down
53 changes: 2 additions & 51 deletions src/components/User/DynamicProfile.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -264,10 +264,7 @@ const DynamicProfile = () => {
document.getElementById("UserEdit").close();
};

const handleAddUserEdit = () => {
handleCloseModal();
setEdit(true);
};

useEffect(() => {

const getProfileData = async() => {
Expand Down Expand Up @@ -318,35 +315,6 @@ const DynamicProfile = () => {
</div>
</div>

{/* <div>
<div className="flex gap-2 md:gap-5 mt-8 md:mt-16 ml-10 md:ml-40">
<ScrollLink to="info" smooth={true} duration={1000}>
<button className="flex justify-between items-center gap-3 px-2 py-1 text-sm bg-sky-200 dark:bg-sky-900 dark:text-sky-50 font-bold rounded">
Info
</button>
</ScrollLink>
<ScrollLink to="education" smooth={true} duration={1000}>
<button className="flex justify-between items-center gap-3 px-2 py-1 text-sm bg-sky-200 dark:bg-sky-900 dark:text-sky-50 font-bold rounded">
Education
</button>
</ScrollLink>
<ScrollLink to="work" smooth={true} duration={1000}>
<button className="flex justify-between items-center gap-3 px-2 py-1 text-sm bg-sky-200 dark:bg-sky-900 dark:text-sky-50 font-bold rounded">
Work
</button>
</ScrollLink>
<ScrollLink to="contact" smooth={true} duration={1000}>
<button className="flex justify-between items-center gap-3 px-2 py-1 text-sm bg-sky-200 dark:bg-sky-900 dark:text-sky-50 font-bold rounded">
Contact
</button>
</ScrollLink>
<ScrollLink to="projects" smooth={true} duration={1000}>
<button className="flex justify-between items-center gap-3 px-2 py-1 text-sm bg-sky-200 dark:bg-sky-900 dark:text-sky-50 font-bold rounded">
Projects
</button>
</ScrollLink>
</div>
</div> */}

<div className="flex flex-wrap gap-2 sm:items-center mt-10 md:mt-6 ml-10 md:ml-36 font-semibold ">
<button
Expand All @@ -357,24 +325,7 @@ const DynamicProfile = () => {
>
Info
</button>
{/* <button
onClick={() => setShowComponent("Work")}
className={`rounded py-1 px-2 text-sm hover:bg-sky-200 dark:hover:bg-sky-300 hover:text-sky-900 ${showComponent === "Work"
? "bg-sky-50 dark:bg-sky-950 "
: ""
}`}
>
Work
</button> */}
{/* <button
onClick={() => setShowComponent("Education")}
className={`rounded py-1 px-2 text-sm hover:bg-sky-200 dark:hover:bg-sky-300 hover:text-sky-900 ${showComponent === "Education"
? "bg-sky-50 dark:bg-sky-950"
: ""
}`}
>
Education
</button> */}

<button
onClick={() => setShowComponent("Contact")}
className={`rounded py-1 px-2 text-sm hover:bg-sky-200 dark:hover:bg-sky-300 hover:text-sky-900 ${
Expand Down
2 changes: 1 addition & 1 deletion src/layouts/Root.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@ const Root = () => {
};
return (
<AuthProviders>
<div className="bg-white dark:bg-gray-950 text-[#2e2b54] dark:text-[#73e9fe] min-h-screen">
<div className="bg-white dark:bg-gray-950 text-[#0c01a1] dark:text-[#73e9fe] min-h-screen">
{noHeaderFooter || <Navbar handleThemeChange={handleThemeChange} />}
<Outlet />
{noHeaderFooter || <Footer />}
Expand Down