This is my personal portfolio website, designed to showcase my skills, projects, and professional journey as a Frontend Developer. The site features a modern, interactive design with smooth transitions, multilingual support, and responsive layouts.
- Next.js - React framework for server-side rendering and static site generation
- TypeScript - For type-safe code
- Framer Motion - For advanced animations and transitions
- Tailwind CSS - For utility-first styling
- i18next - For internationalization (English/Spanish)
- GSAP - For complex animations
- Custom Cursor - Enhanced user experience with custom cursor effects
- Responsive Design - Mobile-first approach for all device compatibility
- Animated Page Transitions - Smooth transitions between pages using Framer Motion
- Bilingual Support - Complete English and Spanish translations
- Interactive UI - Engaging user interface with custom animations
- Project Showcase - Detailed display of projects with images and descriptions
- Custom Fonts - Using Libre Baskerville and Josefin Sans for typography
- Cookie Consent - GDPR compliant cookie consent management
- PWA Support - Progressive Web App capabilities
- SEO Optimized - Meta tags and structured data for better search engine visibility
├── public
│ ├── fonts # Custom fonts
│ ├── images # Site images
│ ├── locales # Translation files
│ └── service-worker.js # PWA service worker
├── src
│ ├── components # Reusable UI components
│ ├── hooks # Custom React hooks
│ ├── pages # Next.js pages
│ └── styles # Global styles
- Random-Q - A dynamic web application for generating conversation starters
- Technologies: NextJS, TypeScript, Firebase Firestore, Firebase App Hosting, CI/CD via GitHub
- Visit: random-q.com
- Node.js (v18 or higher)
- pnpm package manager
- Clone the repository
- Install dependencies
pnpm install- Start the development server
pnpm dev- Open http://localhost:3000 to view the site
pnpm build
pnpm startThis site is configured for easy deployment on platforms like Vercel or through standard NextJS deployment procedures.
Feel free to reach out to me through the contact section on my website or connect with me on social media.
All rights reserved. This code is not open for reuse without permission.
This portfolio and its code are published for educational and non-commercial purposes only. You may view and learn from the code, but not use it for commercial purposes or republish it without explicit written permission from the author.