Skip to content

🌟 My personal portfolio πŸ–₯️ built with Next.js βš›οΈ, showcasing skills ✏️, creativity 🎨, and projects πŸš€ for the world to see! πŸŒβœ¨πŸ’‘

Notifications You must be signed in to change notification settings

TorresjDev/Nextjs-Portfoio

Repository files navigation

🌟 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.


✨ 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 🌍


πŸ“š Key Features

  • Modern Design: Powered by Tailwind CSS, the portfolio boasts a clean and responsive user interface.
  • Dynamic Navigation: Features a floating navigation bar built with Framer Motion for smooth animations.
  • 3D Visualizations: Integrates Three.js and @react-three/fiber for immersive 3D elements.
  • Theme Switching: Supports light and dark mode with next-themes for user personalization.
  • Error Monitoring: Uses Sentry for tracking and fixing errors seamlessly.

πŸ› οΈ Technologies Used

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 πŸ›‘οΈ

πŸ› οΈ Installation & Setup

To run this project locally, follow these steps:

1. Clone the Repository

git clone https://github.com/username/portfolio.git

2. Install Dependencies

npm install

3. Start the Development Server

npm run dev

4. Open in Browser

Navigate to 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.


Built with ❀️ using Next.js, Tailwind, and a passion for creativity!

About

🌟 My personal portfolio πŸ–₯️ built with Next.js βš›οΈ, showcasing skills ✏️, creativity 🎨, and projects πŸš€ for the world to see! πŸŒβœ¨πŸ’‘

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •