Merge pull request #13 from TorresjDev/fullstack-dev

commit update

Author: TorresjDev

README.md

@@ -1,19 +1,22 @@
 # 🌟 Jesus Torres: Portfolio Project
 
-Welcome to my portfolio project! This is a cutting-edge **Next.js** application showcasing my skills, projects, and experience. 🚀 Built with a blend of modern frameworks and tools, the portfolio serves as a central hub for my professional journey and creative work. 
+Welcome to my portfolio project! This is a cutting-edge **Next.js** application showcasing my skills, projects, and experience. 🚀 Built with a blend of modern frameworks and tools, the portfolio serves as a central hub for my professional journey and creative work.
 
 ---
 
 ## ✨ Project Overview
+
 This portfolio is designed to:
+
 - 🌐 Highlight my recent projects and professional experience.
 - 🎨 Provide a sleek, interactive design with responsive layouts.
 - 🔍 Incorporate dynamic elements for an engaging user experience.
 
 ---
 
 ## 🌐 Live Website
-Check out the live website here: [Portfolio Website](https://mango-pebble-08050a31e.4.azurestaticapps.net/) 🌍
+
+Check out the live website here: [Portfolio Website](http://tiny.cc/Jtorres_dev) 🌍
 
 ---
 
@@ -32,27 +35,33 @@ Check out the live website here: [Portfolio Website](https://mango-pebble-08050a
 Here are the main technologies and libraries powering this portfolio:
 
 ### Core Frameworks
+
 - **Next.js** 🌟
 - **React** ⚛️
 
 ### Styling & Animations
+
 - **Tailwind CSS** 🎨
 - **Framer Motion** 🎥
 
 ### 3D Graphics
+
 - **Three.js** 🌌
 - **@react-three/fiber** 🛠️
 
 ### Utility Libraries
+
 - **clsx** 🛠️
 - **tailwind-merge** 🔀
 - **postcss** 💅
 
 ### Development Tools
+
 - **TypeScript** 💻
 - **ESLint** 🧐
 
 ### Monitoring
+
 - **@sentry/nextjs** 🛡️
 
 ---
@@ -62,57 +71,68 @@ Here are the main technologies and libraries powering this portfolio:
 To run this project locally, follow these steps:
 
 ### 1. Clone the Repository
+
 ```bash
 git clone https://github.com/username/portfolio.git
 ```
 
 ### 2. Install Dependencies
+
 ```bash
 npm install
 ```
 
 ### 3. Start the Development Server
+
 ```bash
 npm run dev
 ```
 
 ### 4. Open in Browser
+
 Navigate to [http://localhost:3000](http://localhost:3000) to view the application.
 
 ---
 
 ## 🔧 Configuration
 
 ### Environment Variables
+
 To enable error monitoring and other advanced features, set up the following environment variables:
+
 - `NEXT_PUBLIC_SENTRY_DSN`: Your Sentry Data Source Name.
 - `NEXT_PUBLIC_API_URL`: The base API URL (if applicable).
 
 ### Deployment Options
 
 #### Azure Static Web Apps 🌐
+
 This portfolio is live on Azure Static Web Apps for seamless global availability.
 
 #### GitHub Pages 🖥️
+
 Also configured for deployment via GitHub Pages to ensure redundancy.
 
 ---
 
 ## 🚀 Future Improvements
 
 Some planned enhancements include:
+
 - 🌟 Adding more 3D visualizations.
 - 📈 Expanding project case studies.
 - 🔒 Implementing advanced security features.
 
 ---
 
 ## 🤝 Contributions
+
 This project is personal but open to constructive feedback! Feel free to fork, star ⭐, or create an issue for suggestions.
 
 ---
 
 ### 📧 Contact Me
+
 If you'd like to connect, reach out via email or check out my social media profiles on the site.
 
 ---

app/globals.css

@@ -3,93 +3,94 @@
 @tailwind utilities;
 
 @layer base {
-  :root {
-    --background: 0 0% 100%;
-    --foreground: 240 10% 3.9%;
+	:root {
+		--background: 0 0% 100%;
+		--foreground: 240 10% 3.9%;
 
-    --card: 0 0% 100%;
-    --card-foreground: 240 10% 3.9%;
+		--card: 0 0% 100%;
+		--card-foreground: 240 10% 3.9%;
 
-    --popover: 0 0% 100%;
-    --popover-foreground: 240 10% 3.9%;
+		--popover: 0 0% 100%;
+		--popover-foreground: 240 10% 3.9%;
 
-    --primary: 240 5.9% 10%;
-    --primary-foreground: 0 0% 98%;
+		--primary: 240 5.9% 10%;
+		--primary-foreground: 0 0% 98%;
 
-    --secondary: 240 4.8% 95.9%;
-    --secondary-foreground: 240 5.9% 10%;
+		--secondary: 240 4.8% 95.9%;
+		--secondary-foreground: 240 5.9% 10%;
 
-    --muted: 240 4.8% 95.9%;
-    --muted-foreground: 240 3.8% 46.1%;
+		--muted: 240 4.8% 95.9%;
+		--muted-foreground: 240 3.8% 46.1%;
 
-    --accent: 240 4.8% 95.9%;
-    --accent-foreground: 240 5.9% 10%;
+		--accent: 240 4.8% 95.9%;
+		--accent-foreground: 240 5.9% 10%;
 
-    --destructive: 0 84.2% 60.2%;
-    --destructive-foreground: 0 0% 98%;
+		--destructive: 0 84.2% 60.2%;
+		--destructive-foreground: 0 0% 98%;
 
-    --border: 240 5.9% 90%;
-    --input: 240 5.9% 90%;
-    --ring: 240 10% 3.9%;
+		--border: 240 5.9% 90%;
+		--input: 240 5.9% 90%;
+		--ring: 240 10% 3.9%;
 
-    --radius: 0.5rem;
-  }
+		--radius: 0.5rem;
+	}
 
-  .dark {
-    --background: 240 10% 3.9%;
-    --foreground: 0 0% 98%;
+	.dark {
+		--background: 240 10% 3.9%;
+		--foreground: 0 0% 98%;
 
-    --card: 240 10% 3.9%;
-    --card-foreground: 0 0% 98%;
+		--card: 240 10% 3.9%;
+		--card-foreground: 0 0% 98%;
 
-    --popover: 240 10% 3.9%;
-    --popover-foreground: 0 0% 98%;
+		--popover: 240 10% 3.9%;
+		--popover-foreground: 0 0% 98%;
 
-    --primary: 0 0% 98%;
-    --primary-foreground: 240 5.9% 10%;
+		--primary: 0 0% 98%;
+		--primary-foreground: 240 5.9% 10%;
 
-    --secondary: 240 3.7% 15.9%;
-    --secondary-foreground: 0 0% 98%;
+		--secondary: 240 3.7% 15.9%;
+		--secondary-foreground: 0 0% 98%;
 
-    --muted: 240 3.7% 15.9%;
-    --muted-foreground: 240 5% 64.9%;
+		--muted: 240 3.7% 15.9%;
+		--muted-foreground: 240 5% 64.9%;
 
-    --accent: 240 3.7% 15.9%;
-    --accent-foreground: 0 0% 98%;
+		--accent: 240 3.7% 15.9%;
+		--accent-foreground: 0 0% 98%;
 
-    --destructive: 0 62.8% 30.6%;
-    --destructive-foreground: 0 0% 98%;
+		--destructive: 0 62.8% 30.6%;
+		--destructive-foreground: 0 0% 98%;
 
-    --border: 240 3.7% 15.9%;
-    --input: 240 3.7% 15.9%;
-    --ring: 240 4.9% 83.9%;
-  }
+		--border: 240 3.7% 15.9%;
+		--input: 240 3.7% 15.9%;
+		--ring: 240 4.9% 83.9%;
+	}
 }
 
 @layer base {
-  * {
-    @apply border-border !scroll-smooth;
-  }
-  body {
-    @apply bg-background text-foreground;
-  }
-  button {
-    @apply active:outline-none;
-  }
+	* {
+		@apply border-border !scroll-smooth;
+	}
+	body {
+		@apply bg-background text-foreground;
+	}
+	button {
+		@apply active:outline-none;
+	}
 }
 
 @layer utilities {
-  .heading {
-    @apply font-bold text-4xl md:text-5xl text-center;
-  }
+	.heading {
+		@apply font-bold text-4xl md:text-5xl text-center;
+	}
 
-  .black-gradient {
-    background: linear-gradient(90deg, #161a31 0%, #06091f 100%);
-  }
+	.black-gradient {
+		background: linear-gradient(90deg, #161a31 0%, #06091f 100%);
+	}
 }
 
-body, html {
-  margin: 0;
-  padding: 0;
-  overflow-x: hidden;
+body,
+html {
+	margin: 0;
+	padding: 0;
+	overflow-x: hidden;
 }