From 6db4a4b80383a2800064c3f8a16925fcb1e9ebf6 Mon Sep 17 00:00:00 2001 From: emanuelpps Date: Thu, 14 Mar 2024 13:33:08 -0300 Subject: [PATCH] added noCountry logo in the card project --- app/works/portfolio/ProjectCard.jsx | 22 ++++---- public/assets/images/noCountryLogo.svg | 78 ++++++++++++++++++++++++++ public/data/works.json | 10 ++++ 3 files changed, 100 insertions(+), 10 deletions(-) create mode 100644 public/assets/images/noCountryLogo.svg diff --git a/app/works/portfolio/ProjectCard.jsx b/app/works/portfolio/ProjectCard.jsx index 4c410b5..98a17f5 100644 --- a/app/works/portfolio/ProjectCard.jsx +++ b/app/works/portfolio/ProjectCard.jsx @@ -2,6 +2,7 @@ import React, { useState, useRef } from "react"; import Image from "next/image"; import arrowRight from "@/public/assets/arrowRight.svg"; import { motion } from "framer-motion"; +import noCountryLogo from "@/public/assets/images/noCountryLogo.svg"; function ProjectCard({ project }) { const [hoverState, setHoverState] = useState(false); @@ -19,9 +20,9 @@ function ProjectCard({ project }) { damping: 30, }, }} - whileHover={{ scale: 1.02}} + whileHover={{ scale: 1.02 }} whileTap={{ - scale: 0.8 + scale: 0.8, }} exit={{ opacity: 0 }} viewport={{ once: true }} @@ -36,16 +37,17 @@ function ProjectCard({ project }) { >
-

+

{project.name}

- arrow + {project.noCountry ? ( +
+

Developed at

+ +
+ ) : ( + "" + )}

diff --git a/public/assets/images/noCountryLogo.svg b/public/assets/images/noCountryLogo.svg new file mode 100644 index 0000000..bc7f387 --- /dev/null +++ b/public/assets/images/noCountryLogo.svg @@ -0,0 +1,78 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/data/works.json b/public/data/works.json index 5ccaa1f..03a2d93 100644 --- a/public/data/works.json +++ b/public/data/works.json @@ -10,6 +10,7 @@ "code": "https://github.com/No-Country/s13-03-m-node-react/tree/dev-front", "demo": "https://educlass-two.vercel.app/", "linkName": "edu-class", + "noCountry": true, "infoProject": [ { "overview": "(This platform has been designed only in mobile version)\n\n Communication between schools and families is disrupted by WhatsApp groups. Incoherent messages lead to poor flow and important information gets lost, making it hard for families to organize. EduClass is a tool that optimizes communication between schools and families through a direct link, promoting transparency, security, and avoiding unnecessary conflicts. The target audience includes institutions and families with children aged between 3 and 12 years old (Preschool/Kindergarten and Primary School).", @@ -62,6 +63,7 @@ "code": "https://github.com/No-Country/s11-04-t-node-react", "demo": "https://barberbuddyapp.vercel.app/", "linkName": "barber-buddy", + "noCountry": true, "infoProject": [ { "overview": "BarberBuddy is a syste­m to help barbers organize and e­asily manage their appointments \n\nEach barbe­r can access their BarberBuddy account se­curely through their own email addre­ss. Once logged in, simple tools are­ available to help with appointments and se­rvices. \n\nThe main part of BarberBuddy le­ts barbers schedule appointme­nts easily and correctly. Each barber can se­e an interactive cale­ndar showing open time slots. They can pick the­ day and time that works best for them. \n\nAlso, the­ system lets barbers choose­ one or more service­s for each appointment. This makes it e­asy to get ready and plan the workday.", @@ -104,6 +106,7 @@ "code": "https://github.com/No-Country/c13-33-t-csharp", "demo": "https://homefixapp.vercel.app/", "linkName": "home-fix", + "noCountry": true, "infoProject": [ { "overview": "HOMEFIX is a space for inventory management of tools and constructions products that enables you to organize and keep a track on flow of the products.Such a lean system helps to identify the most profitable products without any additional losses and reduce the costs of extra warehousing, thus speeding up operation and making changes in the decision making.", @@ -150,6 +153,7 @@ "code": "https://github.com/emanuelpps/EP-Music-Player", "demo": "https://emanuelpps.github.io/EP-Music-Player/", "linkName": "ep-music-player", + "noCountry": false, "infoProject": [ { "overview": "EP Music Player is a web music player made with HTML5, CSS3, Bootstrap, ReactJS, Fetch API, API Context, and Framer Motion, using the Audius API. With EP Music Player, you can access to a predefined playlist or create your personalized playlist. Take control of playback, skip to the next track, or go back. Additionally, you can easily add songs to your playlist with a single click on the \"Like\" ❤️ button or remove them just with the same ease.", @@ -185,6 +189,7 @@ "code": "https://github.com/emanuelpps/EP-WeatherAPP", "demo": "https://emanuelpps.github.io/EP-WeatherAPP/", "linkName": "ep-weather", + "noCountry": false, "infoProject": [ { "overview": "EP Weather App is a completely responsive web weather application that I created using HTML5, CSS3, ReactJS, Bootstrap, and Fetch API. When you enter to the app, it will automatically determine where you are, to show you the weather conditions at your location. It also provides the forecast for the next three hours and for the next five days. If you want to check the weather in another place, this app has a friendly search tool that lets you find out the weather conditions of any location you want.", @@ -221,6 +226,7 @@ "code": "https://github.com/emanuelpps/don-remolo-pizza", "demo": "https://emanuelpps.github.io/don-remolo-pizza/", "linkName": "don-remolo", + "noCountry": false, "infoProject": [ { "overview": "Don Remolo Pizza is a web application for food ordering, created using CSS3, HTML5, React JS, Bootstrap, Framer Motion, and Firebase.This project work was designed to be simple, and at the same time have very intuitive user interface. On entering, you can place an order by referring to the menu and then adding the chosen items on the cart. Inside the cart, you have the feature enabling you to vary quantities, drop any item, or empty it completely. To conclude, state in your option, payment method, and your address to submit your order. Don Remolo Pizza is a project idea by ID for Ideas.", @@ -259,6 +265,7 @@ "code": "https://github.com/emanuelpps/todoListEP", "demo": "https://emanuelpps.github.io/todoListEP/", "linkName": "to-do-list", + "noCountry": false, "infoProject": [ { "overview": "I created a web application for managing tasks, where you can add, mark as done, or delete tasks from your list. The app also displays the number of pending tasks, and you have the option to change the background image of the application.", @@ -293,6 +300,7 @@ "code": "https://github.com/emanuelpps/Nire-Panaderia", "demo": "https://emanuelpps.github.io/Nire-Panaderia/", "linkName": "nire", + "noCountry": false, "infoProject": [ { "overview": "I develop a landing page for a fictional bakery named Ñire, providing insights into the bakery's background, its products, and location. The lainding page emphasizes a minimalist yet highly appealing design.", @@ -326,6 +334,7 @@ "code": "https://github.com/emanuelpps/embe-ecommerce", "demo": "https://emanuelpps.github.io/embe-ecommerce/", "linkName": "embe-home-deco", + "noCountry": false, "infoProject": [ { "overview": "Embé Home & Deco is an online store dedicated to offering a variety of home decoration products. Navigating through the user-friendly menu, you can easily filter products by category, explore detailed product information, add items to your cart, and even reset quantities if needed. The platform also provides a simulated checkout experience for take a look into the purchase process.", @@ -362,6 +371,7 @@ "code": "https://github.com/emanuelpps/Falcon-Aviation-Shop", "demo": "https://emanuelpps.github.io/Falcon-Aviation-Shop/", "linkName": "falcon-aviation-shop", + "noCountry": false, "infoProject": [ { "overview": "Falcon Aviation Shop is an aviation online store, made using HTML5, CSS, and Vanilla JavaScript. It's designed for aviation fans and pilots, offering various aviation products. The website is easy to use, allowing you to explore and buy aviation-related items. Whether you're a pilot or an aircraft enthusiast, Falcon Aviation Shop provides a simple and enjoyable online shopping experience.",