diff --git a/src/Components/CardMain.js b/src/Components/CardMain.js index 763ea594..328d8d40 100644 --- a/src/Components/CardMain.js +++ b/src/Components/CardMain.js @@ -1,7 +1,7 @@ import Card1 from "../img/card1.jpg"; import Card2 from "../img/card2.jpg"; import Card3 from "../img/card3.jpg"; -import Card4 from "../img/card4.jpg"; +import Card4 from "../img/card4.png"; import Card5 from "../img/card5.jpg"; import Card6 from "../img/card6.jpg"; import Card7 from "./projects/card7.png"; @@ -10,163 +10,172 @@ import Card9 from "./projects/card9.png"; import Card10 from "./projects/card10.png"; import Card11 from "./projects/card11.png"; import Card12 from "./projects/card12.png"; -import icon from './projects/profile.png'; -import icon1 from './projects/profile1.png' +import icon from "./projects/profile.png"; +import icon1 from "./projects/profile1.png"; import Cardcontainer from "./Cardcontainer"; - const features = [ - { - id: 1, - img: Card1, - pro: icon, - hearts: 83, - title: "StockIT", - dev: "JaneSmith", - type: "Devops", - role: "Web Designer, UX Specialist", - about: "I'm a versatile professional skilled in web design and user experience, creating intuitive and visually appealing interfaces that enhance user interaction.", - text: "StockIT is a comprehensive platform designed to streamline inventory management and enhance supply chain efficiency for businesses of all sizes. It offers a user-friendly interface with robust features that cater to the diverse needs of retail, manufacturing, and e-commerce sectors. Key functionalities include real-time inventory tracking, automated restocking alerts, and detailed analytics for informed decision-making. StockIT integrates seamlessly with existing ERP and accounting systems, ensuring smooth data flow across various business operations. With advanced reporting tools, businesses can monitor stock levels, forecast demand, and minimize the risks of overstocking or stockouts. StockIT's cloud-based solution provides secure access from any device, enabling teams to manage inventory on the go. Dedicated customer support and regular software updates ensure that users have the latest tools to maintain optimal inventory levels and maximize profitability." - }, - { - id: 2, - img: Card2, - pro: icon1, - hearts: 65, - title: "TakeNote", - dev: "JohnDoe", - type: "Productivity", - role: "Full Stack Developer, Cloud Engineer", - about: "I'm a versatile professional skilled in full stack development and cloud engineering, building robust applications and scalable cloud solutions.", - text: "TakeNote is a powerful and intuitive note-taking app specifically designed for developers. It combines the simplicity of traditional note-taking with advanced features tailored to the unique needs of coding professionals. With TakeNote, developers can effortlessly organize their thoughts, code snippets, project documentation, and technical diagrams in one centralized location. The app supports syntax highlighting for multiple programming languages, making it easy to write and review code within notes. Markdown support allows for seamless formatting, while integrated version control ensures that all changes are tracked and recoverable. TakeNote also offers robust search functionality, enabling users to quickly find specific notes or code snippets. Collaboration features allow team members to share and edit notes in real-time, fostering better communication and project coordination. Whether used for brainstorming sessions, meeting notes, or personal code repositories, TakeNote is the ideal companion for developers seeking to enhance productivity and organization in their workflow." - }, - { - id: 3, - img: Card3, - pro: icon, - hearts: 32, - title: "TaRct", - dev: "AliceBrown", - type: "Web Development", - role: "Front-End Developer, Graphic Designer", - about: "I'm a versatile professional skilled in front-end development and graphic design, crafting visually compelling and user-friendly web interfaces.", - text: "TaRct is a cutting-edge web development platform that combines the power of Tailwind CSS and React to deliver a seamless and efficient development experience. Tailored for modern developers, TaRct simplifies the process of building responsive and highly customizable user interfaces. With Tailwind CSS, users can leverage utility-first CSS classes to create visually stunning and consistent designs without writing extensive custom CSS. React's component-based Architecture complements this by allowing developers to build dynamic and interactive user interfaces with ease. TaRct offers an intuitive and user-friendly interface that streamlines the development workflow. Developers can quickly prototype and iterate on designs, thanks to the live-reloading and modular structure provided by React. The platform supports a wide range of pre-built components and templates, enabling users to kickstart their projects and maintain a high level of productivity. Whether you are building a single-page application, a complex web app, or a sleek corporate website, TaRct equips you with the tools and flexibility to bring your vision to life. Its robust documentation and active community support ensure that developers of all skill levels can harness the full potential of Tailwind CSS and React, making TaRct the ultimate solution for modern web development." - }, - { - id: 4, - img: Card4, - pro: icon1, - hearts: 51, - title: "To Do", - dev: "MichaelJones", - type: "Task Management", - role: "Back-End Developer, Database Administrator", - about: "I'm a versatile professional skilled in back-end development and database administration, ensuring efficient server-side operations and data management.", - text: "Todo is a sleek and intuitive web-based to-do app designed to help you streamline your tasks, manage your time efficiently, and enhance your productivity. With a clean and user-friendly interface, Todo allows you to easily create, edit, and prioritize your tasks. You can organize tasks into different projects, set due dates, and add detailed descriptions to keep all your information centralized and accessible. Todo features smart notifications and reminders to keep you on track, ensuring you never miss an important deadline. The app supports recurring tasks, enabling you to automate repetitive activities and focus on more critical tasks. With real-time synchronization across all your devices, Todo ensures your task lists are always up-to-date, whether you're at your desk or on the move. Advanced search and filter options in Todo make it simple to find specific tasks or view tasks by project, priority, or due date. Collaboration tools allow you to share tasks and lists with colleagues, friends, or family, facilitating teamwork and collective productivity. Todo's elegant design and robust capabilities make it the perfect web-based solution for staying organized, managing your workload, and achieving your goals." - }, - { - id: 5, - img: Card5, - pro: icon, - hearts: 47, - title: "ArchiTect", - dev: "EmilyDavis", - type: "Business Management", - role: "Mobile App Developer, QA Tester", - about: "I'm a versatile professional skilled in Mobile App development and database administration, ensuring efficient server-side operations and data management.", - text: "ArchiTect is a sophisticated web platform designed for comprehensive business management and analytics. It features a robust dashboard that provides real-time insights into key business metrics, making it an essential tool for decision-makers and managers. The ArchiTect dashboard showcases critical data points including the number of followers, products sold, total orders, and dynamic tables, all in one convenient interface. With ArchiTect, you can monitor the growth of your customer base through the followers' section, track sales performance with up-to-date figures on products sold, and oversee order fulfillment with the total orders' metric. The dynamic tables allow for interactive data analysis, enabling you to sort, filter, and examine your data from various angles, providing deep insights into your business operations. ArchiTect's user-friendly design ensures that all these features are accessible and easy to navigate, offering a seamless experience whether you're on a desktop or mobile device. The platform's powerful analytics and real-time data presentation help you make informed decisions, optimize operations, and drive business growth. ArchiTect is the ultimate tool for businesses looking to harness the power of data to enhance performance and achieve their strategic goals." - }, - { - id: 6, - img: Card6, - pro: icon1, - hearts: 77, - title: "WeatherLy", - dev: "AlexJohnson", - type: "Weather", - role: "Full Stack Developer, UX Specialist", - about: "I'm a dynamic professional skilled in both front-end and back-end development, with a keen eye for designing intuitive user interfaces and user experiences.", - text: "WeatherLy is your ultimate destination for accurate and up-to-date weather information. This sleek and user-friendly website offers comprehensive weather forecasts and real-time data to help you plan your day with confidence. With WeatherLy, you can quickly access current conditions, including temperature, humidity, wind speed, and visibility. Detailed hourly, daily, and weekly forecasts keep you prepared for any weather changes. The platform also provides timely severe weather alerts, ensuring your safety during extreme conditions. Interactive maps let you explore weather patterns with dynamic radar visuals showing precipitation, cloud cover, and temperature variations. Additionally, WeatherLy allows you to save custom locations, making it easy to check the weather for your favorite places. Whether on a desktop or mobile device, WeatherLy delivers reliable and precise weather data, helping you make informed decisions and stay prepared for whatever the weather brings." - }, - { - id: 7, - img: Card7, - pro: icon, - hearts: 90, - title: "TypingTest", - dev: "SophiaWilson", - type: "Education", - role: "Web Developer, SEO Specialist", - about: "I'm a proficient web developer and SEO specialist, dedicated to creating optimized, high-performance websites. I focus on both the technical and strategic aspects of web development to enhance visibility and user engagement.", - text: "TypingTest is a comprehensive platform designed to help users improve their typing speed and accuracy. This intuitive and user-friendly application offers a range of typing tests and practice exercises to suit different skill levels. With TypingTest, users can track their progress over time, identify areas for improvement, and achieve their typing goals. The platform features real-time feedback, detailed performance analytics, and personalized training plans to enhance the learning experience. TypingTest supports multiple languages and keyboard layouts, making it accessible to a global audience. Whether you're a beginner looking to learn touch typing or an experienced typist aiming to increase your speed, TypingTest provides the tools and resources to help you succeed." - }, - { - id: 8, - img: Card8, - pro: icon1, - hearts: 95, - title: "Artisan", - dev: "DavidMartinez", - type: "Art & Design", - role: "Graphic Designer, Illustrator", - about: "I'm a creative professional with expertise in graphic design and illustration, dedicated to bringing visual concepts to life through innovative and artistic solutions.", - text: "Artisan is a vibrant online platform dedicated to showcasing and celebrating the work of artists and designers from around the world. This dynamic community allows creators to share their portfolios, connect with peers, and gain exposure for their work. Artisan offers a user-friendly interface where artists can upload their projects, receive feedback, and participate in collaborative opportunities. The platform features a variety of art forms, including digital art, traditional painting, sculpture, and more. With Artisan, users can explore curated galleries, stay updated on the latest trends in art and design, and discover new talent. Whether you're an artist looking to build your online presence or an art enthusiast seeking inspiration, Artisan is the perfect place to explore and engage with the creative community." - }, - { - id: 9, - img: Card9, - pro: icon, - hearts: 110, - title: "BBlocks", - dev: "ChrisClark", - type: "Gaming", - role: "Game Developer, Animator", - about: "I'm a game developer and animator passionate about creating immersive and engaging gaming experiences. My expertise spans game design, development, and animation, bringing virtual worlds to life.", - text: "GameOn is an exciting platform for gamers, offering the latest news, reviews, and insights on popular games and gaming trends. With a vibrant community of gaming enthusiasts, GameOn provides a space for users to share their experiences, discuss strategies, and stay informed about upcoming releases. The platform features in-depth game reviews, detailed guides, and exclusive interviews with game developers. Whether you're a casual gamer or a hardcore enthusiast, GameOn is your go-to source for all things gaming. Stay updated with the latest updates, explore new games, and connect with fellow gamers on GameOn." - }, - { - id: 10, - img: Card10, - pro: icon1, - hearts: 83, - title: "ZzShoes", - dev: "ChrisMiller", - role: "Full Stack Developer, Cloud Specialist", - type: "Inventory Management", - about: "I'm a full stack developer and cloud specialist, skilled in both client-side and server-side development. My expertise includes deploying applications on cloud platforms and ensuring they are scalable and efficient.", - text: "ZzShoes is a comprehensive platform designed to streamline inventory management and enhance supply chain efficiency for businesses of all sizes. It offers a user-friendly interface with robust features that cater to the diverse needs of retail, manufacturing, and e-commerce sectors. Key functionalities include real-time inventory tracking, automated restocking alerts, and detailed analytics for informed decision-making. StockIT integrates seamlessly with existing ERP and accounting systems, ensuring smooth data flow across various business operations. With advanced reporting tools, businesses can monitor stock levels, forecast demand, and minimize the risks of overstocking or stockouts. StockIT's cloud-based solution provides secure access from any device, enabling teams to manage inventory on the go. Dedicated customer support and regular software updates ensure that users have the latest tools to maintain optimal inventory levels and maximize profitability.", - }, - { - id: 11, - img: Card11, - pro: icon, - hearts: 86, - title: "SearchEngine", - dev: "LauraKing", - role: "Web Developer, Content Strategist", - type: "Search Engine Optimization", - about: "I'm a web developer and content strategist, focused on building websites that are not only functional but also content-rich and user-friendly. I ensure that the website's structure and content align with user needs and business goals.", - text: "SearchEngine is a comprehensive platform designed to streamline inventory management and enhance supply chain efficiency for businesses of all sizes. It offers a user-friendly interface with robust features that cater to the diverse needs of retail, manufacturing, and e-commerce sectors. Key functionalities include real-time inventory tracking, automated restocking alerts, and detailed analytics for informed decision-making. StockIT integrates seamlessly with existing ERP and accounting systems, ensuring smooth data flow across various business operations. With advanced reporting tools, businesses can monitor stock levels, forecast demand, and minimize the risks of overstocking or stockouts. StockIT's cloud-based solution provides secure access from any device, enabling teams to manage inventory on the go. Dedicated customer support and regular software updates ensure that users have the latest tools to maintain optimal inventory levels and maximize profitability.", - }, - { - id: 12, - img: Card12, - pro: icon1, - hearts: 90, - title: "AIimage", - dev: "OliviaTaylor", - role: "Back-End Developer, API Integrator", - type: "AI Image Processing", - about: "I'm a back-end developer and API integrator, specializing in creating secure and efficient server-side logic and integrating third-party APIs. My work ensures that web and mobile applications have reliable back-end support.", - text: "AIimage is a comprehensive platform designed to streamline inventory management and enhance supply chain efficiency for businesses of all sizes. It offers a user-friendly interface with robust features that cater to the diverse needs of retail, manufacturing, and e-commerce sectors. Key functionalities include real-time inventory tracking, automated restocking alerts, and detailed analytics for informed decision-making. StockIT integrates seamlessly with existing ERP and accounting systems, ensuring smooth data flow across various business operations. With advanced reporting tools, businesses can monitor stock levels, forecast demand, and minimize the risks of overstocking or stockouts. StockIT's cloud-based solution provides secure access from any device, enabling teams to manage inventory on the go. Dedicated customer support and regular software updates ensure that users have the latest tools to maintain optimal inventory levels and maximize profitability.", - }, + { + id: 1, + img: Card1, + pro: icon, + hearts: 83, + title: "StockIT", + dev: "JaneSmith", + type: "Devops", + role: "Web Designer, UX Specialist", + about: + "I'm a versatile professional skilled in web design and user experience, creating intuitive and visually appealing interfaces that enhance user interaction.", + text: "StockIT is a comprehensive platform designed to streamline inventory management and enhance supply chain efficiency for businesses of all sizes. It offers a user-friendly interface with robust features that cater to the diverse needs of retail, manufacturing, and e-commerce sectors. Key functionalities include real-time inventory tracking, automated restocking alerts, and detailed analytics for informed decision-making. StockIT integrates seamlessly with existing ERP and accounting systems, ensuring smooth data flow across various business operations. With advanced reporting tools, businesses can monitor stock levels, forecast demand, and minimize the risks of overstocking or stockouts. StockIT's cloud-based solution provides secure access from any device, enabling teams to manage inventory on the go. Dedicated customer support and regular software updates ensure that users have the latest tools to maintain optimal inventory levels and maximize profitability.", + }, + { + id: 2, + img: Card2, + pro: icon1, + hearts: 65, + title: "TakeNote", + dev: "JohnDoe", + type: "Productivity", + role: "Full Stack Developer, Cloud Engineer", + about: + "I'm a versatile professional skilled in full stack development and cloud engineering, building robust applications and scalable cloud solutions.", + text: "TakeNote is a powerful and intuitive note-taking app specifically designed for developers. It combines the simplicity of traditional note-taking with advanced features tailored to the unique needs of coding professionals. With TakeNote, developers can effortlessly organize their thoughts, code snippets, project documentation, and technical diagrams in one centralized location. The app supports syntax highlighting for multiple programming languages, making it easy to write and review code within notes. Markdown support allows for seamless formatting, while integrated version control ensures that all changes are tracked and recoverable. TakeNote also offers robust search functionality, enabling users to quickly find specific notes or code snippets. Collaboration features allow team members to share and edit notes in real-time, fostering better communication and project coordination. Whether used for brainstorming sessions, meeting notes, or personal code repositories, TakeNote is the ideal companion for developers seeking to enhance productivity and organization in their workflow.", + }, + { + id: 3, + img: Card3, + pro: icon, + hearts: 32, + title: "TaRct", + dev: "AliceBrown", + type: "Web Development", + role: "Front-End Developer, Graphic Designer", + about: + "I'm a versatile professional skilled in front-end development and graphic design, crafting visually compelling and user-friendly web interfaces.", + text: "TaRct is a cutting-edge web development platform that combines the power of Tailwind CSS and React to deliver a seamless and efficient development experience. Tailored for modern developers, TaRct simplifies the process of building responsive and highly customizable user interfaces. With Tailwind CSS, users can leverage utility-first CSS classes to create visually stunning and consistent designs without writing extensive custom CSS. React's component-based Architecture complements this by allowing developers to build dynamic and interactive user interfaces with ease. TaRct offers an intuitive and user-friendly interface that streamlines the development workflow. Developers can quickly prototype and iterate on designs, thanks to the live-reloading and modular structure provided by React. The platform supports a wide range of pre-built components and templates, enabling users to kickstart their projects and maintain a high level of productivity. Whether you are building a single-page application, a complex web app, or a sleek corporate website, TaRct equips you with the tools and flexibility to bring your vision to life. Its robust documentation and active community support ensure that developers of all skill levels can harness the full potential of Tailwind CSS and React, making TaRct the ultimate solution for modern web development.", + }, + { + id: 4, + img: Card4, + pro: icon1, + hearts: 59, + title: "To Do List", + dev: "Saketh D.Surya", + type: "Task Management", + github: "https://github.com/saketh-05/To-Do-List", + role: "Back-End Developer, Database Administrator", + about: + "I'm a versatile professional skilled in back-end development and database administration, ensuring efficient server-side operations and data management.", + text: "Todo is a sleek and intuitive web-based to-do app designed to help you streamline your tasks, manage your time efficiently, and enhance your productivity. With a clean and user-friendly interface, Todo allows you to easily create, edit, and prioritize your tasks. You can organize tasks into different projects, set due dates, and add detailed descriptions to keep all your information centralized and accessible. Todo features smart notifications and reminders to keep you on track, ensuring you never miss an important deadline. The app supports recurring tasks, enabling you to automate repetitive activities and focus on more critical tasks. With real-time synchronization across all your devices, Todo ensures your task lists are always up-to-date, whether you're at your desk or on the move. Advanced search and filter options in Todo make it simple to find specific tasks or view tasks by project, priority, or due date. Collaboration tools allow you to share tasks and lists with colleagues, friends, or family, facilitating teamwork and collective productivity. Todo's elegant design and robust capabilities make it the perfect web-based solution for staying organized, managing your workload, and achieving your goals.", + }, + { + id: 5, + img: Card5, + pro: icon, + hearts: 47, + title: "ArchiTect", + dev: "EmilyDavis", + type: "Business Management", + role: "Mobile App Developer, QA Tester", + about: + "I'm a versatile professional skilled in Mobile App development and database administration, ensuring efficient server-side operations and data management.", + text: "ArchiTect is a sophisticated web platform designed for comprehensive business management and analytics. It features a robust dashboard that provides real-time insights into key business metrics, making it an essential tool for decision-makers and managers. The ArchiTect dashboard showcases critical data points including the number of followers, products sold, total orders, and dynamic tables, all in one convenient interface. With ArchiTect, you can monitor the growth of your customer base through the followers' section, track sales performance with up-to-date figures on products sold, and oversee order fulfillment with the total orders' metric. The dynamic tables allow for interactive data analysis, enabling you to sort, filter, and examine your data from various angles, providing deep insights into your business operations. ArchiTect's user-friendly design ensures that all these features are accessible and easy to navigate, offering a seamless experience whether you're on a desktop or mobile device. The platform's powerful analytics and real-time data presentation help you make informed decisions, optimize operations, and drive business growth. ArchiTect is the ultimate tool for businesses looking to harness the power of data to enhance performance and achieve their strategic goals.", + }, + { + id: 6, + img: Card6, + pro: icon1, + hearts: 77, + title: "WeatherLy", + dev: "AlexJohnson", + type: "Weather", + role: "Full Stack Developer, UX Specialist", + about: + "I'm a dynamic professional skilled in both front-end and back-end development, with a keen eye for designing intuitive user interfaces and user experiences.", + text: "WeatherLy is your ultimate destination for accurate and up-to-date weather information. This sleek and user-friendly website offers comprehensive weather forecasts and real-time data to help you plan your day with confidence. With WeatherLy, you can quickly access current conditions, including temperature, humidity, wind speed, and visibility. Detailed hourly, daily, and weekly forecasts keep you prepared for any weather changes. The platform also provides timely severe weather alerts, ensuring your safety during extreme conditions. Interactive maps let you explore weather patterns with dynamic radar visuals showing precipitation, cloud cover, and temperature variations. Additionally, WeatherLy allows you to save custom locations, making it easy to check the weather for your favorite places. Whether on a desktop or mobile device, WeatherLy delivers reliable and precise weather data, helping you make informed decisions and stay prepared for whatever the weather brings.", + }, + { + id: 7, + img: Card7, + pro: icon, + hearts: 90, + title: "TypingTest", + dev: "SophiaWilson", + type: "Education", + role: "Web Developer, SEO Specialist", + about: + "I'm a proficient web developer and SEO specialist, dedicated to creating optimized, high-performance websites. I focus on both the technical and strategic aspects of web development to enhance visibility and user engagement.", + text: "TypingTest is a comprehensive platform designed to help users improve their typing speed and accuracy. This intuitive and user-friendly application offers a range of typing tests and practice exercises to suit different skill levels. With TypingTest, users can track their progress over time, identify areas for improvement, and achieve their typing goals. The platform features real-time feedback, detailed performance analytics, and personalized training plans to enhance the learning experience. TypingTest supports multiple languages and keyboard layouts, making it accessible to a global audience. Whether you're a beginner looking to learn touch typing or an experienced typist aiming to increase your speed, TypingTest provides the tools and resources to help you succeed.", + }, + { + id: 8, + img: Card8, + pro: icon1, + hearts: 95, + title: "Artisan", + dev: "DavidMartinez", + type: "Art & Design", + role: "Graphic Designer, Illustrator", + about: + "I'm a creative professional with expertise in graphic design and illustration, dedicated to bringing visual concepts to life through innovative and artistic solutions.", + text: "Artisan is a vibrant online platform dedicated to showcasing and celebrating the work of artists and designers from around the world. This dynamic community allows creators to share their portfolios, connect with peers, and gain exposure for their work. Artisan offers a user-friendly interface where artists can upload their projects, receive feedback, and participate in collaborative opportunities. The platform features a variety of art forms, including digital art, traditional painting, sculpture, and more. With Artisan, users can explore curated galleries, stay updated on the latest trends in art and design, and discover new talent. Whether you're an artist looking to build your online presence or an art enthusiast seeking inspiration, Artisan is the perfect place to explore and engage with the creative community.", + }, + { + id: 9, + img: Card9, + pro: icon, + hearts: 110, + title: "BBlocks", + dev: "ChrisClark", + type: "Gaming", + role: "Game Developer, Animator", + about: + "I'm a game developer and animator passionate about creating immersive and engaging gaming experiences. My expertise spans game design, development, and animation, bringing virtual worlds to life.", + text: "GameOn is an exciting platform for gamers, offering the latest news, reviews, and insights on popular games and gaming trends. With a vibrant community of gaming enthusiasts, GameOn provides a space for users to share their experiences, discuss strategies, and stay informed about upcoming releases. The platform features in-depth game reviews, detailed guides, and exclusive interviews with game developers. Whether you're a casual gamer or a hardcore enthusiast, GameOn is your go-to source for all things gaming. Stay updated with the latest updates, explore new games, and connect with fellow gamers on GameOn.", + }, + { + id: 10, + img: Card10, + pro: icon1, + hearts: 83, + title: "ZzShoes", + dev: "ChrisMiller", + role: "Full Stack Developer, Cloud Specialist", + type: "Inventory Management", + about: + "I'm a full stack developer and cloud specialist, skilled in both client-side and server-side development. My expertise includes deploying applications on cloud platforms and ensuring they are scalable and efficient.", + text: "ZzShoes is a comprehensive platform designed to streamline inventory management and enhance supply chain efficiency for businesses of all sizes. It offers a user-friendly interface with robust features that cater to the diverse needs of retail, manufacturing, and e-commerce sectors. Key functionalities include real-time inventory tracking, automated restocking alerts, and detailed analytics for informed decision-making. StockIT integrates seamlessly with existing ERP and accounting systems, ensuring smooth data flow across various business operations. With advanced reporting tools, businesses can monitor stock levels, forecast demand, and minimize the risks of overstocking or stockouts. StockIT's cloud-based solution provides secure access from any device, enabling teams to manage inventory on the go. Dedicated customer support and regular software updates ensure that users have the latest tools to maintain optimal inventory levels and maximize profitability.", + }, + { + id: 11, + img: Card11, + pro: icon, + hearts: 86, + title: "SearchEngine", + dev: "LauraKing", + role: "Web Developer, Content Strategist", + type: "Search Engine Optimization", + about: + "I'm a web developer and content strategist, focused on building websites that are not only functional but also content-rich and user-friendly. I ensure that the website's structure and content align with user needs and business goals.", + text: "SearchEngine is a comprehensive platform designed to streamline inventory management and enhance supply chain efficiency for businesses of all sizes. It offers a user-friendly interface with robust features that cater to the diverse needs of retail, manufacturing, and e-commerce sectors. Key functionalities include real-time inventory tracking, automated restocking alerts, and detailed analytics for informed decision-making. StockIT integrates seamlessly with existing ERP and accounting systems, ensuring smooth data flow across various business operations. With advanced reporting tools, businesses can monitor stock levels, forecast demand, and minimize the risks of overstocking or stockouts. StockIT's cloud-based solution provides secure access from any device, enabling teams to manage inventory on the go. Dedicated customer support and regular software updates ensure that users have the latest tools to maintain optimal inventory levels and maximize profitability.", + }, + { + id: 12, + img: Card12, + pro: icon1, + hearts: 90, + title: "AIimage", + dev: "OliviaTaylor", + role: "Back-End Developer, API Integrator", + type: "AI Image Processing", + about: + "I'm a back-end developer and API integrator, specializing in creating secure and efficient server-side logic and integrating third-party APIs. My work ensures that web and mobile applications have reliable back-end support.", + text: "AIimage is a comprehensive platform designed to streamline inventory management and enhance supply chain efficiency for businesses of all sizes. It offers a user-friendly interface with robust features that cater to the diverse needs of retail, manufacturing, and e-commerce sectors. Key functionalities include real-time inventory tracking, automated restocking alerts, and detailed analytics for informed decision-making. StockIT integrates seamlessly with existing ERP and accounting systems, ensuring smooth data flow across various business operations. With advanced reporting tools, businesses can monitor stock levels, forecast demand, and minimize the risks of overstocking or stockouts. StockIT's cloud-based solution provides secure access from any device, enabling teams to manage inventory on the go. Dedicated customer support and regular software updates ensure that users have the latest tools to maintain optimal inventory levels and maximize profitability.", + }, ]; function CardMain() { - return( - - ) - + return ; } export default CardMain; diff --git a/src/Components/Cardcontainer.js b/src/Components/Cardcontainer.js index a479ba35..2215e6b6 100644 --- a/src/Components/Cardcontainer.js +++ b/src/Components/Cardcontainer.js @@ -73,7 +73,7 @@ const Cardcontainer = ({features}) => {

- DeveloperX + Developer{project.dev}

@@ -98,7 +98,7 @@ const Cardcontainer = ({features}) => { Read More - + Source Code
diff --git a/src/Components/Delicious/Delicious.js b/src/Components/Delicious/Delicious.js index 174dd29e..8bdb0eb5 100644 --- a/src/Components/Delicious/Delicious.js +++ b/src/Components/Delicious/Delicious.js @@ -4,7 +4,7 @@ import homeIcon from '../../img/homeicon.png'; import Card1 from "../../img/card1.jpg"; import Card2 from "../../img/card2.jpg"; import Card3 from "../../img/card3.jpg"; -import Card4 from "../../img/card4.jpg"; +import Card4 from "../../img/card4.png"; import Card5 from "../../img/card5.jpg"; import Card6 from "../../img/card6.jpg"; import {ThemeContext} from "../../App"; diff --git a/src/Components/Readmore.js b/src/Components/Readmore.js index 433273b9..2043bf47 100644 --- a/src/Components/Readmore.js +++ b/src/Components/Readmore.js @@ -42,7 +42,7 @@ const Readmore = () => {
{feature.text}
- Developer-X + Developer-{feature.dev}
) diff --git a/src/Components/TopContainer.js b/src/Components/TopContainer.js index 13ff64cd..1436d329 100644 --- a/src/Components/TopContainer.js +++ b/src/Components/TopContainer.js @@ -8,7 +8,7 @@ import women from "../img/women.jpg"; import Card1 from "./projects/card1.jpg"; import Card2 from "./projects/card2.jpg"; import Card3 from "./projects/card3.jpg"; -import Card4 from "./projects/card4.jpg"; +import Card4 from "./projects/card4.png"; import Card5 from "./projects/card5.jpg"; import Card6 from "./projects/card6.jpg"; import Card7 from "./projects/card7.png"; diff --git a/src/Components/Trending/Trending.js b/src/Components/Trending/Trending.js index 54241b52..bc2fc446 100644 --- a/src/Components/Trending/Trending.js +++ b/src/Components/Trending/Trending.js @@ -4,7 +4,7 @@ import homeIcon from '../../img/homeicon.png'; import Card1 from "../../img/card1.jpg"; import Card2 from "../../img/card2.jpg"; import Card3 from "../../img/card3.jpg"; -import Card4 from "../../img/card4.jpg"; +import Card4 from "../../img/card4.png"; import Card5 from "../../img/card5.jpg"; import Card6 from "../../img/card6.jpg"; import './Trending.css'; diff --git a/src/Components/cart/cart.js b/src/Components/cart/cart.js index 0e785b5a..a19384d8 100644 --- a/src/Components/cart/cart.js +++ b/src/Components/cart/cart.js @@ -5,7 +5,7 @@ import carticon from './12.png'; import Card1 from "../../img/card1.jpg"; import Card2 from "../../img/card2.jpg"; import Card3 from "../../img/card3.jpg"; -import Card4 from "../../img/card4.jpg"; +import Card4 from "../../img/card4.png"; import Card5 from "../../img/card5.jpg"; import Card6 from "../../img/card6.jpg"; diff --git a/src/Components/projects/card4.jpg b/src/Components/projects/card4.jpg deleted file mode 100644 index e9b16d84..00000000 Binary files a/src/Components/projects/card4.jpg and /dev/null differ diff --git a/src/Components/projects/card4.png b/src/Components/projects/card4.png new file mode 100644 index 00000000..6c16f6e8 Binary files /dev/null and b/src/Components/projects/card4.png differ diff --git a/src/Components/projects/index.js b/src/Components/projects/index.js index 5696138b..85dc4dec 100644 --- a/src/Components/projects/index.js +++ b/src/Components/projects/index.js @@ -1,7 +1,7 @@ import Card1 from "./card1.jpg"; import Card2 from "./card2.jpg"; import Card3 from "./card3.jpg"; -import Card4 from "./card4.jpg"; +import Card4 from "./card4.png"; import Card5 from "./card5.jpg"; import Card6 from "./card6.jpg"; import icon from './profile.png'; @@ -18,145 +18,146 @@ export const features = [ { id: 1, img: Card1, - pro:icon, + pro: icon, hearts: 83, title: "StockIT", dev: "JaneSmith", - type:"Devops", - role:"Web Designer, UX Specialist", - about:"I'm a versatile professional skilled in web design and user experience, creating intuitive and visually appealing interfaces that enhance user interaction.", - text: "StockIT is a comprehensive platform designed to streamline inventory management and enhance supply chain efficiency for businesses of all sizes. It offers a user-friendly interface with robust features that cater to the diverse needs of retail, manufacturing, and e-commerce sectors. Key functionalities include real-time inventory tracking, automated restocking alerts, and detailed analytics for informed decision-making. StockIT integrates seamlessly with existing ERP and accounting systems, ensuring smooth data flow across various business operations. With advanced reporting tools, businesses can monitor stock levels, forecast demand, and minimize the risks of overstocking or stockouts. StockIT's cloud-based solution provides secure access from any device, enabling teams to manage inventory on the go. Dedicated customer support and regular software updates ensure that users have the latest tools to maintain optimal inventory levels and maximize profitability.", + type: "Devops", + role: "Web Designer, UX Specialist", + about: "I'm a versatile professional skilled in web design and user experience, creating intuitive and visually appealing interfaces that enhance user interaction.", + text: "StockIT is a comprehensive platform designed to streamline inventory management and enhance supply chain efficiency for businesses of all sizes. It offers a user-friendly interface with robust features that cater to the diverse needs of retail, manufacturing, and e-commerce sectors. Key functionalities include real-time inventory tracking, automated restocking alerts, and detailed analytics for informed decision-making. StockIT integrates seamlessly with existing ERP and accounting systems, ensuring smooth data flow across various business operations. With advanced reporting tools, businesses can monitor stock levels, forecast demand, and minimize the risks of overstocking or stockouts. StockIT's cloud-based solution provides secure access from any device, enabling teams to manage inventory on the go. Dedicated customer support and regular software updates ensure that users have the latest tools to maintain optimal inventory levels and maximize profitability." }, { id: 2, img: Card2, - pro:icon1, + pro: icon1, hearts: 65, title: "TakeNote", dev: "JohnDoe", type: "Productivity", - role:"Full Stack Developer, Cloud Engineer", - about:"I'm a versatile professional skilled in full stack development and cloud engineering, building robust applications and scalable cloud solutions.", - text: "TakeNote is a powerful and intuitive note-taking app specifically designed for developers. It combines the simplicity of traditional note-taking with advanced features tailored to the unique needs of coding professionals. With TakeNote, developers can effortlessly organize their thoughts, code snippets, project documentation, and technical diagrams in one centralized location. The app supports syntax highlighting for multiple programming languages, making it easy to write and review code within notes. Markdown support allows for seamless formatting, while integrated version control ensures that all changes are tracked and recoverable. TakeNote also offers robust search functionality, enabling users to quickly find specific notes or code snippets. Collaboration features allow team members to share and edit notes in real-time, fostering better communication and project coordination. Whether used for brainstorming sessions, meeting notes, or personal code repositories, TakeNote is the ideal companion for developers seeking to enhance productivity and organization in their workflow.", + role: "Full Stack Developer, Cloud Engineer", + about: "I'm a versatile professional skilled in full stack development and cloud engineering, building robust applications and scalable cloud solutions.", + text: "TakeNote is a powerful and intuitive note-taking app specifically designed for developers. It combines the simplicity of traditional note-taking with advanced features tailored to the unique needs of coding professionals. With TakeNote, developers can effortlessly organize their thoughts, code snippets, project documentation, and technical diagrams in one centralized location. The app supports syntax highlighting for multiple programming languages, making it easy to write and review code within notes. Markdown support allows for seamless formatting, while integrated version control ensures that all changes are tracked and recoverable. TakeNote also offers robust search functionality, enabling users to quickly find specific notes or code snippets. Collaboration features allow team members to share and edit notes in real-time, fostering better communication and project coordination. Whether used for brainstorming sessions, meeting notes, or personal code repositories, TakeNote is the ideal companion for developers seeking to enhance productivity and organization in their workflow." }, { id: 3, img: Card3, - pro:icon, + pro: icon, hearts: 32, title: "TaRct", dev: "AliceBrown", type: "Web Development", - role:"Front-End Developer, Graphic Designer", - about:"I'm a versatile professional skilled in front-end development and graphic design, crafting visually compelling and user-friendly web interfaces.", - text: "TaRct is a cutting-edge web development platform that combines the power of Tailwind CSS and React to deliver a seamless and efficient development experience. Tailored for modern developers, TaRct simplifies the process of building responsive and highly customizable user interfaces. With Tailwind CSS, users can leverage utility-first CSS classes to create visually stunning and consistent designs without writing extensive custom CSS. React's component-based Architecture complements this by allowing developers to build dynamic and interactive user interfaces with ease.TaRct offers an intuitive and user-friendly interface that streamlines the development workflow. Developers can quickly prototype and iterate on designs, thanks to the live-reloading and modular structure provided by React. The platform supports a wide range of pre-built components and templates, enabling users to kickstart their projects and maintain a high level of productivity. Whether you are building a single-page application, a complex web app, or a sleek corporate website, TaRct equips you with the tools and flexibility to bring your vision to life. Its robust documentation and active community support ensure that developers of all skill levels can harness the full potential of Tailwind CSS and React, making TaRct the ultimate solution for modern web development.", + role: "Front-End Developer, Graphic Designer", + about: "I'm a versatile professional skilled in front-end development and graphic design, crafting visually compelling and user-friendly web interfaces.", + text: "TaRct is a cutting-edge web development platform that combines the power of Tailwind CSS and React to deliver a seamless and efficient development experience. Tailored for modern developers, TaRct simplifies the process of building responsive and highly customizable user interfaces. With Tailwind CSS, users can leverage utility-first CSS classes to create visually stunning and consistent designs without writing extensive custom CSS. React's component-based Architecture complements this by allowing developers to build dynamic and interactive user interfaces with ease. TaRct offers an intuitive and user-friendly interface that streamlines the development workflow. Developers can quickly prototype and iterate on designs, thanks to the live-reloading and modular structure provided by React. The platform supports a wide range of pre-built components and templates, enabling users to kickstart their projects and maintain a high level of productivity. Whether you are building a single-page application, a complex web app, or a sleek corporate website, TaRct equips you with the tools and flexibility to bring your vision to life. Its robust documentation and active community support ensure that developers of all skill levels can harness the full potential of Tailwind CSS and React, making TaRct the ultimate solution for modern web development." }, { id: 4, img: Card4, - pro:icon1, - hearts: 51, - title: "To Do", - dev: "MichaelJones", + pro: icon1, + hearts: 59, + title: "To Do List", + dev: "Saketh D.Surya", type: "Task Management", - role:"Back-End Developer, Database Administrator", - about:"I'm a versatile professional skilled in back-end development and database administration, ensuring efficient server-side operations and data management.", - text: "Todo is a sleek and intuitive web-based to-do app designed to help you streamline your tasks, manage your time efficiently, and enhance your productivity. With a clean and user-friendly interface, Todo allows you to easily create, edit, and prioritize your tasks. You can organize tasks into different projects, set due dates, and add detailed descriptions to keep all your information centralized and accessible. Todo features smart notifications and reminders to keep you on track, ensuring you never miss an important deadline. The app supports recurring tasks, enabling you to automate repetitive activities and focus on more critical tasks. With real-time synchronization across all your devices, Todo ensures your task lists are always up-to-date, whether you're at your desk or on the move. Advanced search and filter options in Todo make it simple to find specific tasks or view tasks by project, priority, or due date. Collaboration tools allow you to share tasks and lists with colleagues, friends, or family, facilitating teamwork and collective productivity. Todo's elegant design and robust capabilities make it the perfect web-based solution for staying organized, managing your workload, and achieving your goals.", + github: "https://github.com/saketh-05/To-Do-List", + role: "Back-End Developer, Database Administrator", + about: "I'm a versatile professional skilled in back-end development and database administration, ensuring efficient server-side operations and data management.", + text: "Todo is a sleek and intuitive web-based to-do app designed to help you streamline your tasks, manage your time efficiently, and enhance your productivity. With a clean and user-friendly interface, Todo allows you to easily create, edit, and prioritize your tasks. You can organize tasks into different projects, set due dates, and add detailed descriptions to keep all your information centralized and accessible. Todo features smart notifications and reminders to keep you on track, ensuring you never miss an important deadline. The app supports recurring tasks, enabling you to automate repetitive activities and focus on more critical tasks. With real-time synchronization across all your devices, Todo ensures your task lists are always up-to-date, whether you're at your desk or on the move. Advanced search and filter options in Todo make it simple to find specific tasks or view tasks by project, priority, or due date. Collaboration tools allow you to share tasks and lists with colleagues, friends, or family, facilitating teamwork and collective productivity. Todo's elegant design and robust capabilities make it the perfect web-based solution for staying organized, managing your workload, and achieving your goals." }, { id: 5, img: Card5, - pro:icon, + pro: icon, hearts: 47, title: "ArchiTect", dev: "EmilyDavis", type: "Business Management", - role:"Mobile App Developer, QA Tester", - about:"I'm a versatile professional skilled in Mobile App development and database administration, ensuring efficient server-side operations and data management.", - text: "ArchiTect is a sophisticated web platform designed for comprehensive business management and analytics. It features a robust dashboard that provides real-time insights into key business metrics, making it an essential tool for decision-makers and managers. The ArchiTect dashboard showcases critical data points including the number of followers, products sold, total orders, and dynamic tables, all in one convenient interface. With ArchiTect, you can monitor the growth of your customer base through the followers' section, track sales performance with up-to-date figures on products sold, and oversee order fulfillment with the total orders' metric. The dynamic tables allow for interactive data analysis, enabling you to sort, filter, and examine your data from various angles, providing deep insights into your business operations. ArchiTect's user-friendly design ensures that all these features are accessible and easy to navigate, offering a seamless experience whether you're on a desktop or mobile device. The platform's powerful analytics and real-time data presentation help you make informed decisions, optimize operations, and drive business growth. ArchiTect is the ultimate tool for businesses looking to harness the power of data to enhance performance and achieve their strategic goals.", + role: "Mobile App Developer, QA Tester", + about: "I'm a versatile professional skilled in Mobile App development and database administration, ensuring efficient server-side operations and data management.", + text: "ArchiTect is a sophisticated web platform designed for comprehensive business management and analytics. It features a robust dashboard that provides real-time insights into key business metrics, making it an essential tool for decision-makers and managers. The ArchiTect dashboard showcases critical data points including the number of followers, products sold, total orders, and dynamic tables, all in one convenient interface. With ArchiTect, you can monitor the growth of your customer base through the followers' section, track sales performance with up-to-date figures on products sold, and oversee order fulfillment with the total orders' metric. The dynamic tables allow for interactive data analysis, enabling you to sort, filter, and examine your data from various angles, providing deep insights into your business operations. ArchiTect's user-friendly design ensures that all these features are accessible and easy to navigate, offering a seamless experience whether you're on a desktop or mobile device. The platform's powerful analytics and real-time data presentation help you make informed decisions, optimize operations, and drive business growth. ArchiTect is the ultimate tool for businesses looking to harness the power of data to enhance performance and achieve their strategic goals." }, { id: 6, img: Card6, - pro:icon1, + pro: icon1, hearts: 77, title: "WeatherLy", dev: "AlexJohnson", type: "Weather", - role:"Full Stack Developer, UX Specialist", - about:"I'm a dynamic professional skilled in both front-end and back-end development, with a keen eye for designing intuitive user interfaces and user experiences.", - text: "WeatherLy is your ultimate destination for accurate and up-to-date weather information. This sleek and user-friendly website offers comprehensive weather forecasts and real-time data to help you plan your day with confidence. With WeatherLy, you can quickly access current conditions, including temperature, humidity, wind speed, and visibility. Detailed hourly, daily, and weekly forecasts keep you prepared for any weather changes. The platform also provides timely severe weather alerts, ensuring your safety during extreme conditions. Interactive maps let you explore weather patterns with dynamic radar visuals showing precipitation, cloud cover, and temperature variations. Additionally, WeatherLy allows you to save custom locations, making it easy to check the weather for your favorite places. Whether on a desktop or mobile device, WeatherLy delivers reliable and precise weather data, helping you make informed decisions and stay prepared for whatever the weather brings.", + role: "Full Stack Developer, UX Specialist", + about: "I'm a dynamic professional skilled in both front-end and back-end development, with a keen eye for designing intuitive user interfaces and user experiences.", + text: "WeatherLy is your ultimate destination for accurate and up-to-date weather information. This sleek and user-friendly website offers comprehensive weather forecasts and real-time data to help you plan your day with confidence. With WeatherLy, you can quickly access current conditions, including temperature, humidity, wind speed, and visibility. Detailed hourly, daily, and weekly forecasts keep you prepared for any weather changes. The platform also provides timely severe weather alerts, ensuring your safety during extreme conditions. Interactive maps let you explore weather patterns with dynamic radar visuals showing precipitation, cloud cover, and temperature variations. Additionally, WeatherLy allows you to save custom locations, making it easy to check the weather for your favorite places. Whether on a desktop or mobile device, WeatherLy delivers reliable and precise weather data, helping you make informed decisions and stay prepared for whatever the weather brings." }, { id: 7, img: Card7, - pro:icon, + pro: icon, hearts: 90, title: "TypingTest", dev: "SophiaWilson", type: "Education", - role:"Web Developer, SEO Specialist", - about:"I'm a proficient web developer and SEO specialist, dedicated to creating optimized, high-performance websites. I focus on both the technical and strategic aspects of web development to enhance visibility and user engagement.", - text: "TypingTest is your ultimate destination for accurate and up-to-date weather information. This sleek and user-friendly website offers comprehensive weather forecasts and real-time data to help you plan your day with confidence. With WeatherLy, you can quickly access current conditions, including temperature, humidity, wind speed, and visibility. Detailed hourly, daily, and weekly forecasts keep you prepared for any weather changes. The platform also provides timely severe weather alerts, ensuring your safety during extreme conditions. Interactive maps let you explore weather patterns with dynamic radar visuals showing precipitation, cloud cover, and temperature variations. Additionally, WeatherLy allows you to save custom locations, making it easy to check the weather for your favorite places. Whether on a desktop or mobile device, WeatherLy delivers reliable and precise weather data, helping you make informed decisions and stay prepared for whatever the weather brings.", + role: "Web Developer, SEO Specialist", + about: "I'm a proficient web developer and SEO specialist, dedicated to creating optimized, high-performance websites. I focus on both the technical and strategic aspects of web development to enhance visibility and user engagement.", + text: "TypingTest is a comprehensive platform designed to help users improve their typing speed and accuracy. This intuitive and user-friendly application offers a range of typing tests and practice exercises to suit different skill levels. With TypingTest, users can track their progress over time, identify areas for improvement, and achieve their typing goals. The platform features real-time feedback, detailed performance analytics, and personalized training plans to enhance the learning experience. TypingTest supports multiple languages and keyboard layouts, making it accessible to a global audience. Whether you're a beginner looking to learn touch typing or an experienced typist aiming to increase your speed, TypingTest provides the tools and resources to help you succeed." }, { id: 8, img: Card8, - pro:icon1, + pro: icon1, hearts: 95, title: "Artisan", dev: "DavidMartinez", type: "Art & Design", - role:"App Developer, DevOps Engineer", - about:"I'm an accomplished app developer and DevOps engineer, experienced in developing and deploying scalable mobile and web applications. My skill set includes automating development workflows and ensuring continuous integration and delivery.", - text: "Artisan is your ultimate destination for accurate and up-to-date weather information. This sleek and user-friendly website offers comprehensive weather forecasts and real-time data to help you plan your day with confidence. With WeatherLy, you can quickly access current conditions, including temperature, humidity, wind speed, and visibility. Detailed hourly, daily, and weekly forecasts keep you prepared for any weather changes. The platform also provides timely severe weather alerts, ensuring your safety during extreme conditions. Interactive maps let you explore weather patterns with dynamic radar visuals showing precipitation, cloud cover, and temperature variations. Additionally, WeatherLy allows you to save custom locations, making it easy to check the weather for your favorite places. Whether on a desktop or mobile device, WeatherLy delivers reliable and precise weather data, helping you make informed decisions and stay prepared for whatever the weather brings.", + role: "Graphic Designer, Illustrator", + about: "I'm a creative professional with expertise in graphic design and illustration, dedicated to bringing visual concepts to life through innovative and artistic solutions.", + text: "Artisan is a vibrant online platform dedicated to showcasing and celebrating the work of artists and designers from around the world. This dynamic community allows creators to share their portfolios, connect with peers, and gain exposure for their work. Artisan offers a user-friendly interface where artists can upload their projects, receive feedback, and participate in collaborative opportunities. The platform features a variety of art forms, including digital art, traditional painting, sculpture, and more. With Artisan, users can explore curated galleries, stay updated on the latest trends in art and design, and discover new talent. Whether you're an artist looking to build your online presence or an art enthusiast seeking inspiration, Artisan is the perfect place to explore and engage with the creative community." }, { id: 9, img: Card9, - pro:icon, - hearts: 110, + pro: icon, + hearts: 55, title: "BBlocks", - dev: "RachelGreen", + dev: "ChrisClark", type: "Gaming", - role:"Front-End Developer, UX Researcher", - about:"I'm a front-end developer and UX researcher with a passion for creating engaging and intuitive web interfaces. I combine technical skills with user research to design websites that provide excellent user experiences.", - text: "BBlocks is your ultimate destination for accurate and up-to-date weather information. This sleek and user-friendly website offers comprehensive weather forecasts and real-time data to help you plan your day with confidence. With WeatherLy, you can quickly access current conditions, including temperature, humidity, wind speed, and visibility. Detailed hourly, daily, and weekly forecasts keep you prepared for any weather changes. The platform also provides timely severe weather alerts, ensuring your safety during extreme conditions. Interactive maps let you explore weather patterns with dynamic radar visuals showing precipitation, cloud cover, and temperature variations. Additionally, WeatherLy allows you to save custom locations, making it easy to check the weather for your favorite places. Whether on a desktop or mobile device, WeatherLy delivers reliable and precise weather data, helping you make informed decisions and stay prepared for whatever the weather brings.", + role: "Game Developer, Animator", + about: "I'm a game developer and animator passionate about creating immersive and engaging gaming experiences. My expertise spans game design, development, and animation, bringing virtual worlds to life.", + text: "GameOn is an exciting platform for gamers, offering the latest news, reviews, and insights on popular games and gaming trends. With a vibrant community of gaming enthusiasts, GameOn provides a space for users to share their experiences, discuss strategies, and stay informed about upcoming releases. The platform features in-depth game reviews, detailed guides, and exclusive interviews with game developers. Whether you're a casual gamer or a hardcore enthusiast, GameOn is your go-to source for all things gaming. Stay updated with the latest updates, explore new games, and connect with fellow gamers on GameOn." }, - { - id: 10, - img: Card10, - pro:icon1, - hearts: 83, - title: "ZzShoes", - dev: "ChrisMiller", - type:"Inventory Management", - role:"Full Stack Developer, Cloud Specialist", - about:"I'm a full stack developer and cloud specialist, skilled in both client-side and server-side development. My expertise includes deploying applications on cloud platforms and ensuring they are scalable and efficient.", - text: "ZzShoes is a comprehensive platform designed to streamline inventory management and enhance supply chain efficiency for businesses of all sizes. It offers a user-friendly interface with robust features that cater to the diverse needs of retail, manufacturing, and e-commerce sectors. Key functionalities include real-time inventory tracking, automated restocking alerts, and detailed analytics for informed decision-making. StockIT integrates seamlessly with existing ERP and accounting systems, ensuring smooth data flow across various business operations. With advanced reporting tools, businesses can monitor stock levels, forecast demand, and minimize the risks of overstocking or stockouts. StockIT's cloud-based solution provides secure access from any device, enabling teams to manage inventory on the go. Dedicated customer support and regular software updates ensure that users have the latest tools to maintain optimal inventory levels and maximize profitability.", - }, - { - id: 11, - img: Card11, - pro:icon, - hearts: 86, - title: "SearchEngine", - dev: "LauraKing", - type:"Search Engine Optimization", - role:"Web Developer, Content Strategist", - about:"I'm a web developer and content strategist, focused on building websites that are not only functional but also content-rich and user-friendly. I ensure that the website's structure and content align with user needs and business goals.", - text: "SearchEngine is a comprehensive platform designed to streamline inventory management and enhance supply chain efficiency for businesses of all sizes. It offers a user-friendly interface with robust features that cater to the diverse needs of retail, manufacturing, and e-commerce sectors. Key functionalities include real-time inventory tracking, automated restocking alerts, and detailed analytics for informed decision-making. StockIT integrates seamlessly with existing ERP and accounting systems, ensuring smooth data flow across various business operations. With advanced reporting tools, businesses can monitor stock levels, forecast demand, and minimize the risks of overstocking or stockouts. StockIT's cloud-based solution provides secure access from any device, enabling teams to manage inventory on the go. Dedicated customer support and regular software updates ensure that users have the latest tools to maintain optimal inventory levels and maximize profitability.", - }, - { - id: 12, - img: Card12, - pro:icon1, - hearts: 90, - title: "AIimage", - dev: "OliviaTaylor", - type:"AI Image Processing", - role:"Back-End Developer, API Integrator", - about:"I'm a back-end developer and API integrator, specializing in creating secure and efficient server-side logic and integrating third-party APIs. My work ensures that web and mobile applications have reliable back-end support.", - text: "AIimage is a comprehensive platform designed to streamline inventory management and enhance supply chain efficiency for businesses of all sizes. It offers a user-friendly interface with robust features that cater to the diverse needs of retail, manufacturing, and e-commerce sectors. Key functionalities include real-time inventory tracking, automated restocking alerts, and detailed analytics for informed decision-making. StockIT integrates seamlessly with existing ERP and accounting systems, ensuring smooth data flow across various business operations. With advanced reporting tools, businesses can monitor stock levels, forecast demand, and minimize the risks of overstocking or stockouts. StockIT's cloud-based solution provides secure access from any device, enabling teams to manage inventory on the go. Dedicated customer support and regular software updates ensure that users have the latest tools to maintain optimal inventory levels and maximize profitability.", - }, -]; +{ + id: 10, + img: Card10, + pro:icon1, + hearts: 83, + title: "ZzShoes", + dev: "ChrisMiller", + role:"Full Stack Developer, Cloud Specialist", + type:"Inventory Management", + about:"I'm a full stack developer and cloud specialist, skilled in both client-side and server-side development. My expertise includes deploying applications on cloud platforms and ensuring they are scalable and efficient.", + text: "ZzShoes is a comprehensive platform designed to streamline inventory management and enhance supply chain efficiency for businesses of all sizes. It offers a user-friendly interface with robust features that cater to the diverse needs of retail, manufacturing, and e-commerce sectors. Key functionalities include real-time inventory tracking, automated restocking alerts, and detailed analytics for informed decision-making. StockIT integrates seamlessly with existing ERP and accounting systems, ensuring smooth data flow across various business operations. With advanced reporting tools, businesses can monitor stock levels, forecast demand, and minimize the risks of overstocking or stockouts. StockIT's cloud-based solution provides secure access from any device, enabling teams to manage inventory on the go. Dedicated customer support and regular software updates ensure that users have the latest tools to maintain optimal inventory levels and maximize profitability.", +}, +{ + id: 11, + img: Card11, + pro:icon, + hearts: 86, + title: "SearchEngine", + dev: "LauraKing", + role:"Web Developer, Content Strategist", + type:"Search Engine Optimization", + about:"I'm a web developer and content strategist, focused on building websites that are not only functional but also content-rich and user-friendly. I ensure that the website's structure and content align with user needs and business goals.", + text: "SearchEngine is a comprehensive platform designed to streamline inventory management and enhance supply chain efficiency for businesses of all sizes. It offers a user-friendly interface with robust features that cater to the diverse needs of retail, manufacturing, and e-commerce sectors. Key functionalities include real-time inventory tracking, automated restocking alerts, and detailed analytics for informed decision-making. StockIT integrates seamlessly with existing ERP and accounting systems, ensuring smooth data flow across various business operations. With advanced reporting tools, businesses can monitor stock levels, forecast demand, and minimize the risks of overstocking or stockouts. StockIT's cloud-based solution provides secure access from any device, enabling teams to manage inventory on the go. Dedicated customer support and regular software updates ensure that users have the latest tools to maintain optimal inventory levels and maximize profitability.", +}, +{ + id: 12, + img: Card12, + pro:icon1, + hearts: 90, + title: "AIimage", + dev: "OliviaTaylor", + role:"Back-End Developer, API Integrator", + type:"AI Image Processing", + about:"I'm a back-end developer and API integrator, specializing in creating secure and efficient server-side logic and integrating third-party APIs. My work ensures that web and mobile applications have reliable back-end support.", + text: "AIimage is a comprehensive platform designed to streamline inventory management and enhance supply chain efficiency for businesses of all sizes. It offers a user-friendly interface with robust features that cater to the diverse needs of retail, manufacturing, and e-commerce sectors. Key functionalities include real-time inventory tracking, automated restocking alerts, and detailed analytics for informed decision-making. StockIT integrates seamlessly with existing ERP and accounting systems, ensuring smooth data flow across various business operations. With advanced reporting tools, businesses can monitor stock levels, forecast demand, and minimize the risks of overstocking or stockouts. StockIT's cloud-based solution provides secure access from any device, enabling teams to manage inventory on the go. Dedicated customer support and regular software updates ensure that users have the latest tools to maintain optimal inventory levels and maximize profitability.", +}, +]; \ No newline at end of file diff --git a/src/Projects/ToDoList/App.css b/src/Projects/ToDoList/App.css new file mode 100644 index 00000000..b9d355df --- /dev/null +++ b/src/Projects/ToDoList/App.css @@ -0,0 +1,42 @@ +#root { + max-width: 1280px; + margin: 0 auto; + padding: 2rem; + text-align: center; +} + +.logo { + height: 6em; + padding: 1.5em; + will-change: filter; + transition: filter 300ms; +} +.logo:hover { + filter: drop-shadow(0 0 2em #646cffaa); +} +.logo.react:hover { + filter: drop-shadow(0 0 2em #61dafbaa); +} + +@keyframes logo-spin { + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } +} + +@media (prefers-reduced-motion: no-preference) { + a:nth-of-type(2) .logo { + animation: logo-spin infinite 20s linear; + } +} + +.card { + padding: 2em; +} + +.read-the-docs { + color: #888; +} diff --git a/src/Projects/ToDoList/App.jsx b/src/Projects/ToDoList/App.jsx new file mode 100644 index 00000000..542bdbd0 --- /dev/null +++ b/src/Projects/ToDoList/App.jsx @@ -0,0 +1,13 @@ +import ToDoList from './ToDoList'; +import './App.css' + +function App() { + + return ( + <> + + + ) +} + +export default App diff --git a/src/Projects/ToDoList/ToDoList.jsx b/src/Projects/ToDoList/ToDoList.jsx new file mode 100644 index 00000000..ffd8daae --- /dev/null +++ b/src/Projects/ToDoList/ToDoList.jsx @@ -0,0 +1,70 @@ +import { useState } from "react"; + +function ToDoList(){ + + const [tasks, setTasks] = useState([]); + const [newTask, setNewTask] = useState(""); + + function handleInputChange(event){ + setNewTask(event.target.value); + + }; + + function addTask(){ + if(newTask.trim() != ""){ + setTasks(t => [...t, newTask]); + setNewTask(""); + } + } + + function deleteTask(index){ + const updateTasks = tasks.filter((_, i) => i != index); + setTasks(updateTasks); + } + + function moveTaskUp(index){ + if(index > 0){ + const updatedTasks = [...tasks]; + [updatedTasks[index], updatedTasks[index - 1]] = + [updatedTasks[index - 1], updatedTasks[index]]; + setTasks(updatedTasks); + } + } + + function moveTaskDown(index){ + if(index < tasks.length - 1){ + const updatedTasks = [...tasks]; + [updatedTasks[index], updatedTasks[index + 1]] = + [updatedTasks[index + 1], updatedTasks[index]]; + setTasks(updatedTasks); + } + } + + return(<> +
+

TO - DO - LIST

+ +
+ + +
+ +
    + {tasks.map((task, index) => { +
  1. + {task} + + + +
    2. + })} +
+
+ ); +}; + +export default ToDoList \ No newline at end of file diff --git a/src/Projects/ToDoList/index.css b/src/Projects/ToDoList/index.css new file mode 100644 index 00000000..c8b7e64a --- /dev/null +++ b/src/Projects/ToDoList/index.css @@ -0,0 +1,69 @@ +body{ + background-color: rgb(43, 37, 37); +} +.to-do-list{ + font-family: Arial, Helvetica, sans-serif; + text-align: center; + margin-top: 10%; +} +h2{ + font-size: 4rem; +} +button{ + font-size: 1.7rem; + color: aliceblue; + padding: 10px 20px; + cursor: pointer; + border: none; + border-radius: 5px; + transition: background-color 0.5s ease; + +} +.add-button{ + background-color: rgb(11, 201, 37); +} +.add-button:hover{ + background-color: rgb(10, 151, 38) +} +.delete-button{ + background-color: rgb(230, 14, 14); +} +.delete-button:hover{ + background-color: rgb(137, 8, 8) +} +.move-button{ + background-color: rgb(2, 124, 254); +} +.move-button:hover{ + background-color: rgb(6, 6, 165); +} + +input[type="text"]{ + font-size: 1.6rem; + padding: 10px; +} +ol{ + padding: 0; +} +li{ + font-size: 2rem; + padding: 15px; + background-color: antiquewhite; + font-weight: bold; + border-radius:5px; + display: flex; + align-items: center; + +} +.text{ + flex: 1; + /* flex-grow: 1; + flex-shrink: 1; + flex-basis: 0%; */ +} + +.delete-button, .move-button{ + padding: 8px 12px; + margin-left: 10px; + font-size: 1.3rem; +} \ No newline at end of file diff --git a/src/Projects/ToDoList/main.jsx b/src/Projects/ToDoList/main.jsx new file mode 100644 index 00000000..3d9da8ac --- /dev/null +++ b/src/Projects/ToDoList/main.jsx @@ -0,0 +1,9 @@ +import { StrictMode } from 'react' +import { createRoot } from 'react-dom/client' +import App from './App.jsx' + +createRoot(document.getElementById('root')).render( + + + , +) diff --git a/src/img/card4.jpg b/src/img/card4.jpg deleted file mode 100644 index e9b16d84..00000000 Binary files a/src/img/card4.jpg and /dev/null differ diff --git a/src/img/card4.png b/src/img/card4.png new file mode 100644 index 00000000..6c16f6e8 Binary files /dev/null and b/src/img/card4.png differ