Riandry Connor – Full-Stack Developer Portfolio

This repository contains my personal Full-Stack Developer portfolio, built to showcase real-world projects, case studies, and technical expertise for freelance clients and international companies.

The portfolio focuses on clarity, scalability, performance, and professional presentation, following modern frontend and full-stack best practices.

---

🌍 Live Features

• Bilingual support (English / Spanish) using next-i18next
• Case Studies with dedicated pages and SEO optimization
• Modern UI with animations powered by Framer Motion
• Responsive design (desktop, tablet, mobile)
• Client-oriented structure (problem → solution → result)
• Global search across case studies
• Optimized for performance and accessibility

---

🧱 Tech Stack

Frontend

• Next.js (Pages Router)
• React 17
• Styled-components
• Framer Motion (animations)

Internationalization

• next-i18next
• Language routing (/en, /es)

Tooling & Quality

• ESLint
• Modular component architecture
• SEO-friendly metadata per page

---

📂 Project Structure

src/
 ├─ components/        # Reusable UI components
 ├─ context/           # Global contexts (search, etc.)
 ├─ constants/         # Static data (case studies, timeline)
 ├─ pages/             # Next.js pages & routing
 ├─ styles/            # Global styles & themes
public/
 └─ locales/           # i18n translation files (en / es)

---

🌐 Internationalization (i18n)

The portfolio supports English and Spanish out of the box.

• Default language: Spanish
• English route: /en

Translations are handled via a shared common.json namespace:

public/locales/
 ├─ en/common.json
 └─ es/common.json

Language switching is available directly from the header.

---

📊 Case Studies Approach

Each project is presented as a case study, highlighting:

• Problem – the real-world challenge
• Solution – technical and architectural decisions
• Result – business or functional impact
• Tech stack – technologies used

This structure is designed to communicate value clearly to non-technical stakeholders as well as engineers.

---

🚀 Getting Started

Clone the repository:

git clone https://github.com/your-username/your-repo.git
cd your-repo

Install dependencies:

npm install
# or
yarn

Run the development server:

npm run dev
# or
yarn dev

Open:

http://localhost:3000

---

🔍 SEO & Performance

• Dynamic SEO metadata per case study
• Optimized image usage
• Clean semantic HTML
• Lighthouse-friendly structure

---

📬 Contact

If you are interested in:

• Freelance collaboration
• Contract or full-time opportunities
• Building scalable web or API solutions

Feel free to reach out:

📧 riandrydevsoffers@gmail.com

---

📄 License

This project is for personal portfolio purposes. All rights reserved © Riandry Connor.