Skip to content

Commit dba1a72

Browse files
authored
Merge pull request #2 from codeTun/news
✨ Modified no hosted website on the project section
2 parents 9332626 + e8acebb commit dba1a72

File tree

8 files changed

+85
-32
lines changed

8 files changed

+85
-32
lines changed

package.json

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -16,6 +16,7 @@
1616
"i18next": "^23.12.2",
1717
"i18next-browser-languagedetector": "^8.0.0",
1818
"i18next-http-backend": "^2.5.2",
19+
"prop-types": "^15.8.1",
1920
"react": "^18.2.0",
2021
"react-dom": "^18.2.0",
2122
"react-i18next": "^15.0.1",

pnpm-lock.yaml

Lines changed: 3 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

src/_data/projects.json

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@
2727
"technologies": ["JavaScript", "Next Js", "Tailwind Css", "Node Js"],
2828
"body": "Esouq is a versatile ERP (Enterprise Resource Planning) solution designed to streamline operations and enhance efficiency for businesses of all sizes. Our integrated platform encompasses a range of essential functionalities including CRM (Customer Relationship Management), procurement, inventory management, and more.With Esouq, enterprises can seamlessly manage their entire workflow, from customer interactions to procurement processes, all within a centralized system. Our user-friendly interface and customizable features ensure a tailored experience that meets the unique needs of each organization.By leveraging Esouq's powerful tools, businesses can optimize resource allocation, improve decision-making, and drive growth. Whether it's managing sales pipelines, tracking inventory levels, or analyzing performance metrics, Esouq empowers enterprises to stay ahead in today's dynamic marketplace.Experience the next level of enterprise management with Esouq and unlock your business's full potential.",
2929
"github": "https://github.com/codeTun/e-souq",
30-
"deployed": "#",
30+
"deployed": "",
3131
"bgcolor": "var(--hl-color)",
3232
"id": "2"
3333
},
@@ -41,7 +41,7 @@
4141
"technologies": ["JavaScript", "HTML", "CSS", "Django"],
4242
"body": "MediTech is a cutting-edge medical platform tailored specifically for doctors, providing seamless access to patient information, treatment plans, and medical records.With MediTech, doctors can efficiently manage their patient data, streamline communication with healthcare teams, and make informed decisions with ease. Our user-friendly interface and intuitive features ensure a smooth and productive workflow, allowing doctors to focus on delivering quality care to their patients.Key features of MediTech include:Comprehensive patient management system: Easily access and update patient information, medical histories, and treatment plans.Secure communication tools: Facilitate collaboration with healthcare teams through secure messaging and file sharing.Advanced analytics: Gain insights into patient outcomes, treatment efficacy, and practice performance to optimize decision-making.Customizable workflows: Tailor the platform to suit the unique needs and preferences of individual doctors and medical practices.Built with the latest technologies and adhering to the highest standards of security and compliance, MediTech is the ultimate solution for modern medical professionals. Experience the future of medical practice management with MediTech.",
4343
"github": "https://github.com/codeTun/MEDITECH",
44-
"deployed": "https://mdyeates.github.io/coding-quiz/",
44+
"deployed": "",
4545
"bgcolor": "#6c4bf4",
4646
"id": "3"
4747
},
@@ -54,7 +54,7 @@
5454
"technologies": ["HTML", "SCSS", "JavaScript"],
5555
"body": "IEEE WIE: Empowering Primary Students and Teachers for SuccessIEEE WIE isn't just a platform—it's a transformative tool for primary education, designed to empower both students and teachers with innovative resources and collaborative tools.For Teachers:With IEEE WIE, educators gain access to a comprehensive suite of classroom management tools, enabling seamless lesson planning, assignment tracking, and student assessment. Our platform facilitates secure communication between teachers, students, and parents, fostering collaboration and engagement in the learning process.For Students:IEEE WIE offers primary students an interactive learning experience like no other. Through our platform, students can explore dynamic educational resources, participate in engaging activities, and receive personalized feedback to support their academic growth. With IEEE WIE, learning becomes an exciting journey of discovery and achievement.Key Features of IEEE WIE:Comprehensive Classroom Management: Organize lessons, track assignments, and monitor student progress with ease.Secure Communication Channels: Foster collaboration and communication between teachers, students, and parents in a safe and secure environment.Interactive Learning Resources: Engage students with interactive lessons, educational games, and multimedia content tailored to their interests and learning styles.Personalized Learning Pathways: Adapt instruction to meet the individual needs and abilities of each student, providing targeted support and enrichment opportunities.",
5656
"github": "https://github.com/codeTun/IEEE",
57-
"deployed": "https://mdyeates.github.io/coding-quiz/",
57+
"deployed": "",
5858
"bgcolor": "#f85781",
5959
"id": "4"
6060
},
@@ -73,7 +73,7 @@
7373
],
7474
"body": "The tendering process stands as a critical element in acquiring commercial goods and services. Traditionally managed through paper submissions or emails, this manual process suffers from inefficiencies and lacks traceability, impacting the proper selection of suppliers. The digitalization of this process emerges as an innovation, offering a unified platform where businesses can publish tender calls and suppliers can apply.\n\nInitiating our final year project, we focus on developing a platform to digitalize the tendering process. Our goal is to create an integrated solution that enhances transparency, traceability, and efficiency. This platform will centralize submissions and provide analytical tools to objectively and comprehensively evaluate offers, reducing human errors and optimizing supplier selection. Thus, our project aims to contribute to a more streamlined and equitable management of tender calls, addressing contemporary needs of both businesses and suppliers.\n\nStructure of the Report:\n- Preliminary Study: Provides an overview of the project context, examines existing solutions, and details our own solution and methodology.\n- Project Initialization: Focuses on the pre-sprint phase, defining functional and non-functional requirements, discussing technological decisions, and outlining the platform architecture.\n- Project Releases: Describes specific project releases, covering specification, design, and implementation stages, along with summaries of key findings and progress at each phase.",
7575
"github": "https://github.com/codeTun/",
76-
"deployed": "#",
76+
"deployed": "",
7777
"bgcolor": "#8900EE",
7878
"id": "5"
7979
},

src/components/Button.jsx

Lines changed: 17 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
import { motion } from "framer-motion";
22
import { FiArrowUpRight } from "react-icons/fi";
3+
import PropTypes from "prop-types";
34

45
/**
56
* Represents a button component with hover and tap animations.
@@ -8,17 +9,22 @@ import { FiArrowUpRight } from "react-icons/fi";
89
* @component
910
* @param {string} name - The text to display on the button.
1011
* @param {string} color - The background color of the button.
12+
* @param {boolean} disabled - Whether the button is disabled.
1113
*/
1214

13-
const Button = ({ name, color }) => {
15+
const Button = ({ name, color, disabled }) => {
1416
return (
1517
<motion.button
1618
className="btn"
1719
// Apply scale animation on hover
18-
whileHover={{ scale: 1.05 }}
20+
whileHover={!disabled ? { scale: 1.05 } : {}}
1921
// Apply scale animation on tap
20-
whileTap={{ scale: 0.99 }}
21-
style={{ backgroundColor: color }}
22+
whileTap={!disabled ? { scale: 0.99 } : {}}
23+
style={{
24+
backgroundColor: color,
25+
cursor: disabled ? "not-allowed" : "pointer",
26+
}}
27+
disabled={disabled}
2228
>
2329
{/* Display the button name */}
2430
<p>{name}</p>
@@ -30,4 +36,11 @@ const Button = ({ name, color }) => {
3036
);
3137
};
3238

39+
Button.propTypes = {
40+
name: PropTypes.string.isRequired,
41+
color: PropTypes.string,
42+
disabled: PropTypes.bool,
43+
};
44+
45+
3346
export default Button;

src/locales/ar/translation.json

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -59,7 +59,7 @@
5959
"image3": "/projectImages/weather3.png",
6060
"technologies": ["JavaScript", "Next Js", "Tailwind Css", "Node Js"],
6161
"github": "https://github.com/codeTun/e-souq",
62-
"deployed": "#",
62+
"deployed": "",
6363
"bgcolor": "var(--hl-color)",
6464
"id": "2"
6565
},
@@ -72,7 +72,7 @@
7272
"image3": "/projectImages/meditech.png",
7373
"technologies": ["JavaScript", "HTML", "CSS", "Django"],
7474
"github": "https://github.com/codeTun/MEDITECH",
75-
"deployed": "https://mdyeates.github.io/coding-quiz/",
75+
"deployed": "",
7676
"bgcolor": "#6c4bf4",
7777
"id": "3"
7878
},
@@ -85,7 +85,7 @@
8585
"image3": "/projectImages/team3.png",
8686
"technologies": ["HTML", "SCSS", "JavaScript"],
8787
"github": "https://github.com/codeTun/IEEE",
88-
"deployed": "https://mdyeates.github.io/coding-quiz/",
88+
"deployed": "",
8989
"bgcolor": "#f85781",
9090
"id": "4"
9191
},
@@ -104,7 +104,7 @@
104104
"Postgres"
105105
],
106106
"github": "https://github.com/codeTun/",
107-
"deployed": "#",
107+
"deployed": "",
108108
"bgcolor": "#8900EE",
109109
"id": "5"
110110
},

src/locales/en/translation.json

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -30,7 +30,7 @@
3030

3131
"view-code": "View Code",
3232
"view-site": "View Site",
33-
"go-Back": "Go Back",
33+
"go-back": "Go Back",
3434
"project-details": [
3535
{
3636
"title": "Promolab",
@@ -60,7 +60,7 @@
6060
"technologies": ["JavaScript", "Next Js", "Tailwind Css", "Node Js"],
6161
"body": "Esouq is a versatile ERP (Enterprise Resource Planning) solution designed to streamline operations and enhance efficiency for businesses of all sizes. Our integrated platform encompasses a range of essential functionalities including CRM (Customer Relationship Management), procurement, inventory management, and more.With Esouq, enterprises can seamlessly manage their entire workflow, from customer interactions to procurement processes, all within a centralized system. Our user-friendly interface and customizable features ensure a tailored experience that meets the unique needs of each organization.By leveraging Esouq's powerful tools, businesses can optimize resource allocation, improve decision-making, and drive growth. Whether it's managing sales pipelines, tracking inventory levels, or analyzing performance metrics, Esouq empowers enterprises to stay ahead in today's dynamic marketplace.Experience the next level of enterprise management with Esouq and unlock your business's full potential.",
6262
"github": "https://github.com/codeTun/e-souq",
63-
"deployed": "#",
63+
"deployed": "",
6464
"bgcolor": "var(--hl-color)",
6565
"id": "2"
6666
},
@@ -73,7 +73,7 @@
7373
"technologies": ["JavaScript", "HTML", "CSS", "Django"],
7474
"body": "MediTech is a cutting-edge medical platform tailored specifically for doctors, providing seamless access to patient information, treatment plans, and medical records.With MediTech, doctors can efficiently manage their patient data, streamline communication with healthcare teams, and make informed decisions with ease. Our user-friendly interface and intuitive features ensure a smooth and productive workflow, allowing doctors to focus on delivering quality care to their patients.Key features of MediTech include:Comprehensive patient management system: Easily access and update patient information, medical histories, and treatment plans.Secure communication tools: Facilitate collaboration with healthcare teams through secure messaging and file sharing.Advanced analytics: Gain insights into patient outcomes, treatment efficacy, and practice performance to optimize decision-making.Customizable workflows: Tailor the platform to suit the unique needs and preferences of individual doctors and medical practices.Built with the latest technologies and adhering to the highest standards of security and compliance, MediTech is the ultimate solution for modern medical professionals. Experience the future of medical practice management with MediTech.",
7575
"github": "https://github.com/codeTun/MEDITECH",
76-
"deployed": "https://mdyeates.github.io/coding-quiz/",
76+
"deployed": "",
7777
"bgcolor": "#6c4bf4",
7878
"id": "3"
7979
},
@@ -86,7 +86,7 @@
8686
"technologies": ["HTML", "SCSS", "JavaScript"],
8787
"body": "IEEE WIE: Empowering Primary Students and Teachers for SuccessIEEE WIE isn't just a platform—it's a transformative tool for primary education, designed to empower both students and teachers with innovative resources and collaborative tools.For Teachers:With IEEE WIE, educators gain access to a comprehensive suite of classroom management tools, enabling seamless lesson planning, assignment tracking, and student assessment. Our platform facilitates secure communication between teachers, students, and parents, fostering collaboration and engagement in the learning process.For Students:IEEE WIE offers primary students an interactive learning experience like no other. Through our platform, students can explore dynamic educational resources, participate in engaging activities, and receive personalized feedback to support their academic growth. With IEEE WIE, learning becomes an exciting journey of discovery and achievement.Key Features of IEEE WIE:Comprehensive Classroom Management: Organize lessons, track assignments, and monitor student progress with ease.Secure Communication Channels: Foster collaboration and communication between teachers, students, and parents in a safe and secure environment.Interactive Learning Resources: Engage students with interactive lessons, educational games, and multimedia content tailored to their interests and learning styles.Personalized Learning Pathways: Adapt instruction to meet the individual needs and abilities of each student, providing targeted support and enrichment opportunities.",
8888
"github": "https://github.com/codeTun/IEEE",
89-
"deployed": "https://mdyeates.github.io/coding-quiz/",
89+
"deployed": "",
9090
"bgcolor": "#f85781",
9191
"id": "4"
9292
},
@@ -105,7 +105,7 @@
105105
],
106106
"body": "The tendering process stands as a critical element in acquiring commercial goods and services. Traditionally managed through paper submissions or emails, this manual process suffers from inefficiencies and lacks traceability, impacting the proper selection of suppliers. The digitalization of this process emerges as an innovation, offering a unified platform where businesses can publish tender calls and suppliers can apply.\n\nInitiating our final year project, we focus on developing a platform to digitalize the tendering process. Our goal is to create an integrated solution that enhances transparency, traceability, and efficiency. This platform will centralize submissions and provide analytical tools to objectively and comprehensively evaluate offers, reducing human errors and optimizing supplier selection. Thus, our project aims to contribute to a more streamlined and equitable management of tender calls, addressing contemporary needs of both businesses and suppliers.\n\nStructure of the Report:\n- Preliminary Study: Provides an overview of the project context, examines existing solutions, and details our own solution and methodology.\n- Project Initialization: Focuses on the pre-sprint phase, defining functional and non-functional requirements, discussing technological decisions, and outlining the platform architecture.\n- Project Releases: Describes specific project releases, covering specification, design, and implementation stages, along with summaries of key findings and progress at each phase.",
107107
"github": "https://github.com/codeTun/",
108-
"deployed": "#",
108+
"deployed": "",
109109
"bgcolor": "#8900EE",
110110
"id": "5"
111111
},

src/locales/fr/translation.json

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -59,7 +59,7 @@
5959
"image3": "/projectImages/weather3.png",
6060
"technologies": ["JavaScript", "Next Js", "Tailwind Css", "Node Js"],
6161
"github": "https://github.com/codeTun/e-souq",
62-
"deployed": "#",
62+
"deployed": "",
6363
"bgcolor": "var(--hl-color)",
6464
"id": "2"
6565
},
@@ -72,7 +72,7 @@
7272
"image3": "/projectImages/meditech.png",
7373
"technologies": ["JavaScript", "HTML", "CSS", "Django"],
7474
"github": "https://github.com/codeTun/MEDITECH",
75-
"deployed": "https://mdyeates.github.io/coding-quiz/",
75+
"deployed": "",
7676
"bgcolor": "#6c4bf4",
7777
"id": "3"
7878
},
@@ -85,7 +85,7 @@
8585
"image3": "/projectImages/team3.png",
8686
"technologies": ["HTML", "SCSS", "JavaScript"],
8787
"github": "https://github.com/codeTun/IEEE",
88-
"deployed": "https://mdyeates.github.io/coding-quiz/",
88+
"deployed": "",
8989
"bgcolor": "#f85781",
9090
"id": "4"
9191
},
@@ -104,7 +104,7 @@
104104
"Postgres"
105105
],
106106
"github": "https://github.com/codeTun/",
107-
"deployed": "#",
107+
"deployed": "",
108108
"bgcolor": "#8900EE",
109109
"id": "5"
110110
},

0 commit comments

Comments
 (0)