An open API service indexing awesome lists of open source software.

https://github.com/erickdc7/react-portfolio-3

Portfolio Website Using React
https://github.com/erickdc7/react-portfolio-3

axios framer-motion portfolio-website react react-icons react-scroll responsive-design swiper-js

Last synced: 3 months ago
JSON representation

Portfolio Website Using React

Awesome Lists containing this project

README

        

# React Portfolio 03
This design was influenced by the work of [Cryptical Coder](https://www.youtube.com/@CrypticalCoder). Please refer to the following videos as the basis for the design: [Part 1](https://youtu.be/CShZJmWuTGs), [Part 2](https://youtu.be/I92RzWVF4YU), [Part 3](https://youtu.be/hHEFbYSLgN8).

## Technologies
This web page was made with the following technologies:
- HTML5
- CSS3
- JavaScript
- React (useState, useEffect)
- Axios
- Framer Motion
- React Icons
- React Scroll
- Swiper

## Pages
This web page contains 9 sections: **Home**, **Services**, **Skills**, **Portfolio**, **Resume**, **Testimonials**, **Pricing**, **Blog** and **Contact**.

### Home
#### In this section you will see the title of the web page, a subtitle, a short description and a button to download the CV, and another button to go to the skills section. And on the right side, an image with information about the years of experience and the projects carried out.
![preview home section](src/assets/preview-1.png)

### Services
#### In this section, you will see the section title, a subtitle, and a list of services offered. Each service has a short description and a title. Also, there is a button that goes to the pricing section.
![preview services section](src/assets/preview-2.png)

### Skills
#### In this section you will see a list of skills. Each ability has a short description and a percentage, depending on how well I know how to handle it.
![preview who section](src/assets/preview-3.png)

### Portfolio
#### In this section you will see all the projects that have been carried out. Each project has a short description, a title, the area to which it belongs and a button that goes to the price section. There are four areas: Dranding, UI UX Design, Development and Photography.
![preview contact section 1](src/assets/preview-4.png)

### Resume
#### In this section you can see my information about the studies one has and work experience.
![preview contact section 1](src/assets/preview-5.png)

### Testimonials
#### In this section you can see the testimonials of satisfied customers.
![preview contact section 1](src/assets/preview-6.png)

### Pricing
#### In this section you can see the prices of the services offered. You will be able to see the price per hour, week and month according to the one that seems most accessible to you.
![preview contact section 1](src/assets/preview-7.png)

### Blog
#### In this section you can see a list of the latest blogs that have been published. Each one has its publication date, a title, and a brief description.
![preview contact section 1](src/assets/preview-8.png)

### Contact
#### In this section you will see a form where you can fill in your data. The form is functional. On the left side you can see information such as my email and my phone number.
![preview contact section 1](src/assets/preview-8.png)