💻 My Personal Portfolio

Preview  ✦  Getting Started  ✦  Commands  ✦  License

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

	Command	Action
⚙️	dev or start	Starts local dev server at localhost:3000.
⚙️	build	Build your production site.
⚙️	preview	Preview your build locally, before deploying.

🔑 License

Created by Javier Ortiz

✅ To Do

• Add internationalization functionality.