💻 My Personal Portfolio

Overview

Project based in ByteGrad portfolio-website. I wanted to create a nice-looking animated portfolio that shows the most important information about me and skills. Also, I wanted to implement an internationalization functionality. Using different json files, Spanish and English dictionaries are provided to the user.

This website was built with React & Next.js (App Router & Server Actions), Typescript, Tailwind CSS, Framer Motion, React Email & Resend, Vercel hosting.

🛠️ Stack

🚀 Getting Started

1. Fork or clone this repository.

   git clone https://github.com/javierortizmi/PersonalPortfolio.git
   

2. Install the dependencies:

   • You can use bun to install and manage the dependencies.

   # Install bun for MacOS, WSL & Linux:
   curl -fsSL https://bun.sh/install | bash
   
   # Install bun for Windows:
   powershell -c "iwr bun.sh/install.ps1|iex"
   
   # Install dependencies with bun:
   bun install
   

   • or you can use pnpm:

   # Install pnpm globally if you don't have it:
   npm install -g pnpm
   
   # Install dependencies with pnpm:
   pnpm install
   

   • or simply use npm

   # Install dependencies with npm:
   npm install
   

3. Create the .env.local file and add the RESEND_API_KEY to it.

   RESEND_API_KEY=your_resend_api_key
   

4. Run the development server:

   # Run with bun:
   bun dev
   
   # Run with pnpm:
   pnpm dev
   
   # Run with npm:
   npm run dev
   

5. Open http://localhost:3000 with your browser to see the result 🚀

🧞 Commands

🔑 License

Created by Javier Ortiz

✅ To Do

• Add internationalization functionality.