diff --git a/package.json b/package.json index 7c7adfb..08e3634 100644 --- a/package.json +++ b/package.json @@ -7,6 +7,7 @@ "@testing-library/react": "^13.4.0", "@testing-library/user-event": "^13.5.0", "@vercel/analytics": "^1.2.2", + "@vercel/speed-insights": "^1.1.0", "dotenv": "^16.3.1", "email-validator": "^2.0.4", "flag-icons": "^7.2.3", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 0871f63..13e63b8 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -20,6 +20,9 @@ importers: '@vercel/analytics': specifier: ^1.2.2 version: 1.2.2(react@18.2.0) + '@vercel/speed-insights': + specifier: ^1.1.0 + version: 1.1.0(react@18.2.0) dotenv: specifier: ^16.3.1 version: 16.3.1 @@ -1547,6 +1550,29 @@ packages: react: optional: true + '@vercel/speed-insights@1.1.0': + resolution: {integrity: sha512-rAXxuhhO4mlRGC9noa5F7HLMtGg8YF1zAN6Pjd1Ny4pII4cerhtwSG4vympbCl+pWkH7nBS9kVXRD4FAn54dlg==} + peerDependencies: + '@sveltejs/kit': ^1 || ^2 + next: '>= 13' + react: ^18 || ^19 || ^19.0.0-rc + svelte: '>= 4' + vue: ^3 + vue-router: ^4 + peerDependenciesMeta: + '@sveltejs/kit': + optional: true + next: + optional: true + react: + optional: true + svelte: + optional: true + vue: + optional: true + vue-router: + optional: true + '@webassemblyjs/ast@1.11.6': resolution: {integrity: sha512-IN1xI7PwOvLPgjcf180gC1bqn3q/QaOCwYUahIOhbYUu8KA/3tw2RT/T0Gidi1l7Hhj5D/INhJxiICObqpMu4Q==} @@ -2674,6 +2700,7 @@ packages: eslint@8.54.0: resolution: {integrity: sha512-NY0DfAkM8BIZDVl6PgSa1ttZbx3xHgJzSNJKYcQglem6CppHyMhRIQkBVSSMaSRnLhig3jsDbEzOjwCVt4AmmA==} engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0} + deprecated: This version is no longer supported. Please see https://eslint.org/version-support for other options. hasBin: true espree@9.6.1: @@ -7517,6 +7544,10 @@ snapshots: optionalDependencies: react: 18.2.0 + '@vercel/speed-insights@1.1.0(react@18.2.0)': + optionalDependencies: + react: 18.2.0 + '@webassemblyjs/ast@1.11.6': dependencies: '@webassemblyjs/helper-numbers': 1.11.6 diff --git a/public/projectImages/defendher.png b/public/projectImages/defendher.png new file mode 100644 index 0000000..3dff309 Binary files /dev/null and b/public/projectImages/defendher.png differ diff --git a/public/projectImages/defendher2.png b/public/projectImages/defendher2.png new file mode 100644 index 0000000..2e8962a Binary files /dev/null and b/public/projectImages/defendher2.png differ diff --git a/public/projectImages/potential.png b/public/projectImages/potential.png new file mode 100644 index 0000000..7189916 Binary files /dev/null and b/public/projectImages/potential.png differ diff --git a/public/projectImages/potential2.png b/public/projectImages/potential2.png new file mode 100644 index 0000000..0e7f413 Binary files /dev/null and b/public/projectImages/potential2.png differ diff --git a/src/_data/projects.json b/src/_data/projects.json index 4cce59c..5743300 100644 --- a/src/_data/projects.json +++ b/src/_data/projects.json @@ -1,11 +1,11 @@ [ { "title": "Promolab", - "description": "Your vision our responsability", + "description": "Your vision our responsibility", "image": "/projectImages/promolab.png", "image2": "/projectImages/promolab-picture.webp", "image3": "/projectImages/routes3.png", - "body": "Promolab is Tunisia's premier e-commerce platform tailored for laboratory and chemical products. We're committed to simplifying procurement for researchers, educators, and industry professionals by offering a curated catalog of high-quality supplies from trusted sources.With a focus on user experience and reliability, Promolab is revolutionizing how scientific endeavors are supported and pursued in Tunisia. Join us and streamline your laboratory procurement with Promolab.", + "body": "Promolab is Tunisia's premier e-commerce platform tailored for laboratory and chemical products...", "technologies": [ "React Js", "Next Js", @@ -25,21 +25,20 @@ "image2": "/projectImages/esouq-desc.png", "image3": "/projectImages/weather3.png", "technologies": ["JavaScript", "Next Js", "Tailwind Css", "Node Js"], - "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.", + "body": "Esouq is a versatile ERP (Enterprise Resource Planning) solution designed to streamline operations...", "github": "https://github.com/codeTun/e-souq", "deployed": "", "bgcolor": "var(--hl-color)", "id": "2" }, - { "title": "MEDITECH", - "description": "Medical Plateform", + "description": "Medical Platform", "image": "/projectImages/meditechbg.jpg", "image2": "/projectImages/meditech.png", "image3": "/projectImages/meditech.png", "technologies": ["JavaScript", "HTML", "CSS", "Django"], - "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.", + "body": "MediTech is a cutting-edge medical platform tailored specifically for doctors...", "github": "https://github.com/codeTun/MEDITECH", "deployed": "", "bgcolor": "#6c4bf4", @@ -47,12 +46,12 @@ }, { "title": "IEEE Wie", - "description": "For a colllege project", + "description": "For a college project", "image": "/projectImages/Student.png", "image2": "/projectImages/WIE-Logo.png", "image3": "/projectImages/team3.png", "technologies": ["HTML", "SCSS", "JavaScript"], - "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.", + "body": "IEEE WIE: Empowering Primary Students and Teachers for Success...", "github": "https://github.com/codeTun/IEEE", "deployed": "", "bgcolor": "#f85781", @@ -60,7 +59,7 @@ }, { "title": "Leoni OTMS", - "description": "Its a tender call plateform for private sector , this is my final year project in the university ISIMM", + "description": "Tender call platform", "image": "/projectImages/Leoni.png", "image2": "/projectImages/Leoni-tender-call.jpg", "image3": "/projectImages/team3.png", @@ -71,7 +70,7 @@ "Springboot", "Postgres" ], - "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.", + "body": "The tendering process stands as a critical element in acquiring commercial goods and services...", "github": "https://github.com/codeTun/", "deployed": "", "bgcolor": "#8900EE", @@ -79,15 +78,50 @@ }, { "title": "Gaoua Gold", - "description": "Its company for gold mining in Burkina Faso", + "description": "Company for gold mining in Burkina Faso", "image": "/projectImages/gaoua-gold.png", "image2": "/projectImages/gaoua-info.jpg", "image3": "/projectImages/team3.png", "technologies": ["Wordpress", "CMS"], - "body": "Gaoua Gold is a WordPress website project developed for a gold mining company in Burkina Faso. This project involved creating an online platform that enhances the company’s digital presence and streamlines their communication processes.\n\nThe primary objective was to build a user-friendly and visually appealing website that effectively showcases Gaoua Gold’s operations, services, and achievements. By leveraging WordPress, we ensured that the website is easy to manage and update, allowing the company to keep their content fresh and relevant.\n\nThe development process included the following key phases:\n- Preliminary Study: Understanding the client’s requirements, analyzing existing websites in the industry, and planning the project’s scope and objectives.\n- Design and Development: Creating wireframes and mockups, followed by the development of the website using WordPress. Special attention was given to SEO best practices and responsive design to ensure accessibility across all devices.\n- Testing and Deployment: Conducting thorough testing to identify and fix any issues, and deploying the website to a live server. Post-launch support was also provided to ensure smooth operation and address any client feedback.\n\nThis project successfully delivered a professional and functional website that supports Gaoua Gold’s business goals and enhances their online presence.", + "body": "Gaoua Gold is a WordPress website project developed for a gold mining company in Burkina Faso...", "github": "https://github.com/codeTun/", "deployed": "https://gaouagoldcompany.com/", "bgcolor": "#FACD01", "id": "6" + }, + { + "title": "DefindHer", + "description": "Website and browser extension for the WIE Act Competition", + "image": "/projectImages/defindher-1.png", + "image2": "/projectImages/defindher-2.png", + "image3": "/projectImages/defindher-3.png", + "technologies": [ + "AI", + "Browser Extension", + "Python", + "Next.js", + "Tailwind CSS", + "Node.js", + "REST API", + "DOM Manipulation" + ], + "body": "DefindHer is a website and browser extension designed to create safer and more respectful interactions on social media...", + "github": "https://github.com/codeTun/wie-act-challenge", + "deployed": "https://defend-her.vercel.app/", + "bgcolor": "#FFB800", + "id": "7" + }, + { + "title": "Potential", + "description": "Solution for Open Data AI Abu Dhabi Competition", + "image": "/projectImages/potential-1.png", + "image2": "/projectImages/potential-2.png", + "image3": "/projectImages/potential-3.png", + "technologies": ["Azure", "Next.js", "Tailwind CSS", "Node.js", "REST API"], + "body": "Potential is a data-driven platform developed for the Open Data AI Abu Dhabi Competition...", + "github": "https://github.com/codeTun/potential", + "deployed": "https://potential-kegz.vercel.app/", + "bgcolor": "#0078D4", + "id": "8" } ] diff --git a/src/components/ProjectList.jsx b/src/components/ProjectList.jsx index a0b70c8..115f2ea 100644 --- a/src/components/ProjectList.jsx +++ b/src/components/ProjectList.jsx @@ -14,6 +14,7 @@ import "../i18n"; // Ensure i18n is initialized const ProjectList = () => { const { t } = useTranslation(); const projectDetails = t("projects.project-details", { returnObjects: true }); + console.log("Number of projects loaded:", projectDetails.length); return projectDetails.map((project, index) => ( + diff --git a/src/locales/ar/translation.json b/src/locales/ar/translation.json index 374bc2d..bbab0cb 100644 --- a/src/locales/ar/translation.json +++ b/src/locales/ar/translation.json @@ -120,6 +120,47 @@ "deployed": "https://gaouagoldcompany.com/", "bgcolor": "#FACD01", "id": "6" + }, + { + "title": "ديفندهر", + "description": "موقع ويب وإضافة متصفح لمسابقة WIE Act", + "image": "/projectImages/defindher.png", + "image2": "/projectImages/defindher2.png", + "image3": "/projectImages/defindher-3.png", + "technologies": [ + "IA", + "Extension de navigateur", + "Python", + "Next.js", + "Tailwind CSS", + "Node.js", + "API REST", + "Manipulation du DOM" + ], + "body": "ديفندهر هو موقع ويب وإضافة متصفح تم تصميمهما لإنشاء تفاعلات أكثر أمانًا واحترامًا على وسائل التواصل الاجتماعي...", + "github": "https://github.com/codeTun/wie-act-challenge", + "deployed": "https://defend-her.vercel.app/", + "bgcolor": "#FFB800", + "id": "7" + }, + { + "title": "بوتنشال", + "description": "حل لمسابقة Open Data AI أبوظبي", + "image": "/projectImages/potential.png", + "image2": "/projectImages/potential2.png", + "image3": "/projectImages/potential-3.png", + "technologies": [ + "Azure", + "Next.js", + "Tailwind CSS", + "Node.js", + "API REST" + ], + "body": "بوتنشال هو منصة تعتمد على البيانات، تم تطويرها لمسابقة Open Data AI أبوظبي...", + "github": "https://github.com/codeTun/potential", + "deployed": "https://potential-kegz.vercel.app/", + "bgcolor": "#0078D4", + "id": "8" } ] }, diff --git a/src/locales/en/translation.json b/src/locales/en/translation.json index 0ea7c72..efb01e8 100644 --- a/src/locales/en/translation.json +++ b/src/locales/en/translation.json @@ -121,6 +121,47 @@ "deployed": "https://gaouagoldcompany.com/", "bgcolor": "#FACD01", "id": "6" + }, + { + "title": "DefindHer", + "description": "Website and browser extension for the WIE Act Competition", + "image": "/projectImages/defendher.png", + "image2": "/projectImages/defendher2.png", + "image3": "/projectImages/defendher-3.png", + "technologies": [ + "AI", + "Browser Extension", + "Python", + "Next.js", + "Tailwind CSS", + "Node.js", + "REST API", + "DOM Manipulation" + ], + "body": "DefindHer is a website and browser extension designed to create safer and more respectful interactions on social media...", + "github": "https://github.com/codeTun/wie-act-challenge", + "deployed": "https://defend-her.vercel.app/", + "bgcolor": "#FFB800", + "id": "7" + }, + { + "title": "Potential", + "description": "Solution for Open Data AI Abu Dhabi Competition", + "image": "/projectImages/potential.png", + "image2": "/projectImages/potential2.png", + "image3": "/projectImages/potential-3.png", + "technologies": [ + "Azure", + "Next.js", + "Tailwind CSS", + "Node.js", + "REST API" + ], + "body": "Potential is a data-driven platform developed for the Open Data AI Abu Dhabi Competition...", + "github": "https://github.com/codeTun/potential", + "deployed": "https://potential-kegz.vercel.app/", + "bgcolor": "#0078D4", + "id": "8" } ] }, diff --git a/src/locales/fr/translation.json b/src/locales/fr/translation.json index 62c1254..c72692d 100644 --- a/src/locales/fr/translation.json +++ b/src/locales/fr/translation.json @@ -120,6 +120,47 @@ "deployed": "https://gaouagoldcompany.com/", "bgcolor": "#FACD01", "id": "6" + }, + { + "title": "DefindHer", + "description": "Site web et extension de navigateur pour la compétition WIE Act", + "image": "/projectImages/defindher.png", + "image2": "/projectImages/defindher2.png", + "image3": "/projectImages/defindher-3.png", + "technologies": [ + "IA", + "Extension de navigateur", + "Python", + "Next.js", + "Tailwind CSS", + "Node.js", + "API REST", + "Manipulation du DOM" + ], + "body": "DefindHer est un site web et une extension de navigateur conçus pour créer des interactions plus sûres et respectueuses sur les réseaux sociaux...", + "github": "https://github.com/codeTun/wie-act-challenge", + "deployed": "https://defend-her.vercel.app/", + "bgcolor": "#FFB800", + "id": "7" + }, + { + "title": "Potential", + "description": "Solution pour la compétition Open Data AI Abu Dhabi", + "image": "/projectImages/potential.png", + "image2": "/projectImages/potential2.png", + "image3": "/projectImages/potential-3.png", + "technologies": [ + "Azure", + "Next.js", + "Tailwind CSS", + "Node.js", + "API REST" + ], + "body": "Potential est une plateforme axée sur les données, développée pour la compétition Open Data AI Abu Dhabi...", + "github": "https://github.com/codeTun/potential", + "deployed": "https://potential-kegz.vercel.app/", + "bgcolor": "#0078D4", + "id": "8" } ] },