https://github.com/fernando-gimeno/portfolio-react

My personal portfolio with projects
https://github.com/fernando-gimeno/portfolio-react

portfolio-website react tailwindcss typescript

Last synced: about 2 months ago
JSON representation

My personal portfolio with projects

• Host: GitHub
• URL: https://github.com/fernando-gimeno/portfolio-react
• Owner: fernando-gimeno
• Created: 2024-05-25T13:24:29.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2024-06-08T02:22:57.000Z (7 months ago)
• Last Synced: 2024-06-23T01:27:15.169Z (7 months ago)
• Topics: portfolio-website, react, tailwindcss, typescript
• Language: TypeScript
• Homepage: https://fernandogimeno.netlify.app/
• Size: 5.08 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Fernando's Portfolio

This is a personal portfolio made with React and TypeScript. It's a single page application that showcases my skills and projects.

## Installation

To install the project, clone this repository and run `yarn` to install all the dependencies. Then you can start the development server using `yarn dev`.

## Stack

This project is built using React, TypeScript, and Tailwind CSS.

## Project Structure

The project is organized in a modular way, with each component in its own file. Here is a brief explanation of the main components:

- `App.tsx`: This is the main component that renders the entire application. It imports and renders the `Main` component.

- `Main.tsx`: This is the main component that contains the main content of the portfolio. It imports and renders the `HeroSection`, `SkillsSection` and `ProjectsSection` components.

- `HeroSection.tsx`: This component contains the hero section of the portfolio, which includes a profile picture and a brief description of me.

- `SkillsSection.tsx`: This component contains a list of skills, organized in different categories.

- `ProjectsSection.tsx`: This component contains a list of projects where I have worked, with a brief description, link to the repository and preview site.

## Live Site

To see the site, click on the link below:

[Live demo](https://fernandogimeno.netlify.app/)