Modern full-stack portfolio powering projects, articles, AI tools, and Goggins Mode.

This repository contains my personal portfolio, built with Next.js, TypeScript, Node.js, GraphQL, MongoDB, and Redis. It serves as my digital home for:

• Showcasing engineering projects and real-world architectures
• Publishing long-form technical articles
• Demonstrating full-stack and AI integration patterns
• Hosting an authenticated AI assistant with rate limiting

If you're reviewing this for hiring or collaboration, start here:

• Visit the live site: luisfaria.dev
• Try the AI chatbot (authenticated users, rate-limited)
• Browse the Articles and Projects sections
• Check out the article: From Groomzilla to Full-Stack Engineer

luisfaria/
├── _docs/          # Project documentation
├── frontend/       # Next.js with TypeScript
├── backend/        # Node.js, Apollo, GraphQL API
└── server/         # Nginx and GoLive procedure (hidden)

• Frontend: Next.js 14+ with App Router, Server-Side Rendering (SSR)
• API Layer: GraphQL with Apollo Server (type-safe, efficient queries)
• State Management: Apollo Client cache + Context API
• Authentication: JWT with secure httpOnly cookies
• Rate Limiting: Redis-based with atomic Lua scripts
• Caching Strategy: Multi-layer (Redis + Apollo cache)

• Backend

  • Repository pattern for data access
  • Middleware pattern for authentication/authorization
  • Rate limiting with sliding window algorithm

• GraphQL

  • Modular schema with resolver composition
  • Typed operations with shared input/output contracts

• Frontend Components

  • TimelineSection: Displays career timeline entries with styled milestones
  • MetricsSection: Presents performance metrics on home page
  • Header: Navigation and authentication UI
  • Footer: Site information and links
  • ArticleList: Displays articles with filtering and pagination
  • ProjectGrid: Shows project cards with tags and descriptions
  • Chatbot: AI-powered chat interface with rate limiting
  • ArticleDetail: Single article view with comments
  • ProjectDetail: Individual project page with detailed information
  • GogginsMode: Motivational AI mini-product interface

Note: These are some of the reusable components that showcase UI architecture and state management.

This project treats testing as a first-class citizen, with both backend and frontend covered by automated tests.

cd backend
npm test                    # Run all tests
npm run test:watch         # Watch mode
npm run test:coverage      # Coverage report

• Unit tests for validation schemas
• Integration tests for GraphQL resolvers
• MongoDB Memory Server for database testing
• Mocked external services (OpenAI, Resend)

cd frontend
npm test                    # Run Jest tests
npm run test:watch         # Watch mode
npm run test:coverage      # Coverage report

• Component tests with React Testing Library
• Custom hook tests with Apollo mocks
• Page rendering and navigation tests

1. Clone this repository
2. Set up environment variables
3. Install dependencies
   • Frontend: cd frontend && npm install
   • Backend: cd backend && npm install
4. Run development servers
   • Frontend: cd frontend && npm run dev
   • Backend: cd backend && npm run dev

Note: For containerized development and production deployment, see docker-compose.yml and the docs in backend/docs/ and frontend/docs/.

Completed

1. Project setup and configuration
2. Backend API development
3. Frontend pages and components
4. Authentication and user management
5. AI chatbot integration
6. Testing and deployment
7. SEO optimization
8. Goggins Mode integration
9. Home page redesign
10. Security Authentication (feature/secure-authentication)

Work In Progress

• tbd

Planned / Future

• Who knows? Stay tuned!

Built with ❤️ & ☕ using the MERN stack + Next.js