https://github.com/cartvalderama/portfolio-main

A dynamic portfolio showcasing my frontend skills with interactive elements, featuring React Query for efficient data fetching and GitHub token authorization.
https://github.com/cartvalderama/portfolio-main

framer-motion react reactquery tailwindcss token-authetication typescript vite

Last synced: 3 months ago
JSON representation

A dynamic portfolio showcasing my frontend skills with interactive elements, featuring React Query for efficient data fetching and GitHub token authorization.

• Host: GitHub
• URL: https://github.com/cartvalderama/portfolio-main
• Owner: CartValderama
• Created: 2024-09-11T08:03:33.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-10-30T04:20:08.000Z (3 months ago)
• Last Synced: 2024-10-30T07:20:47.264Z (3 months ago)
• Topics: framer-motion, react, reactquery, tailwindcss, token-authetication, typescript, vite
• Language: TypeScript
• Homepage: https://cart-valderama-portfolio.vercel.app/
• Size: 1.69 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Portfolio Website

Welcome to my portfolio website! This site showcases my work and skills as a frontend developer. It leverages modern web technologies to provide a seamless and engaging user experience.

## Technologies Used

- **React**: A JavaScript library for building user interfaces.

- **React Query**: For efficient data fetching and state management.

- **Vite**: A fast build tool and development server.

- **TailwindCSS**: For utility-first CSS styling.

- **TypeScript**: Adding static type checking to enhance code quality.

- **GitHub Authentication**: Integrates with GitHub for secure and easy access to project details.

## Design

The design of the portfolio is inspired by **Bento design** and **minimalistic principles**. This approach ensures that the content is easily readable and visually appealing. The minimalistic design focuses on simplicity and clarity, providing an intuitive user experience while highlighting key information effectively.

## Features

- **Dynamic Content**: Fetch and display project information using React Query and GitHub API.

- **Responsive Design**: Optimized for various screen sizes with TailwindCSS.

- **Dark Mode**: Switch between light and dark modes for a personalized viewing experience.

- **GitHub Integration**: Seamlessly access and display GitHub repositories with authentication.

## Usage

- **Explore Projects**: View and interact with my work and projects.

- **Switch Themes**: Toggle between light and dark modes for a personalized experience.

- **GitHub Access**: Use GitHub authentication to access and display project details.