Personal Portfolio

📗 Version in Portuguese

This is my personal portfolio, developed with React, Vite and Styled Components. Here you can find information about me, my projects, skills and contact me directly. The portfolio was created to demonstrate my skills as a front-end developer and my ability to create modern and responsive interface

---

🛠️ Technologies Used

---

🧩 Features

• Home Page: Portfolio overview.
• About Me: Information about my professional career and experience.
• Projects: List of projects I worked on, with links and detailed descriptions.
• Skills: My main skills and technologies that I master.
• Contact: Functional form for sending emails directly from the front-end (integrated with EmailJS).

---

🚀How to Run the Project

Make sure you have Node.js installed on your machine. You can check the installed version with the command:

node -v

Steps to Run Locally

Clone this repository:

git clone https://github.com/IvanM4rtin5/portfolio.git

Navigate to the project folder:

cd portfolio

Install dependencies:

npm install

Run the project in development mode:

npm run dev

The project will be running at http://localhost:3000.

Generating the Production Build

To generate a production-optimized version, run:

npm run build

To view the production version locally, use:

npm run preview

📂 Struct of Project

portfolio/
├── src/
│ ├── assets/        # files of image
│ ├── components/    # Reusable components
│ ├── pages/         # Portfolio pages (Home, About, Projects, etc.)
│ ├── router/        # Route configuration using react-router-dom
│ ├── styles/        # Global and theme style files (using styled-components)
│ └── App.jsx        # Main component
├── public/          # Static files, such as index.html
├── package.json     # Project dependencies
└── README.md        # Project documentation
└── README.pt.md     # Project documentation in PT-BR

📄 Dependencies

Main Dependencies

• axios: ^1.7.5

• emailjs-com: ^3.2.0

• lucide-react: ^0.454.0

• react: ^18.3.1

• react-dom: ^18.3.1

• react-icons: ^5.2.1

• react-router-dom: ^6.27.0

• styled-components: ^6.1.13

Development Dependencies

• @vitejs/plugin-react: ^4.3.3

• eslint: ^8.57.0

• eslint-plugin-react: ^7.34.3

• eslint-plugin-react-hooks: ^4.6.2

• eslint-plugin-react-refresh: ^0.4.7

• vite: ^5.3.4

💡 My Effort and Dedication

This portfolio was developed with a lot of effort and dedication, seeking to demonstrate my skills as a front-end developer. Some of the challenges I have faced and overcome include:

Integration with EmailJS: Implementation of a functional contact form that sends emails directly from the front-end.

Responsive Design: Creating an interface that adapts to different devices and screen sizes.

Code Organization: Use of best practices such as componentization, styled-components and ESLint to keep the code clean and organized.

I believe that this project reflects my ability to work with modern technologies and deliver high-quality solutions.

🌐 Project Link

You can access the online portfolio at: https://ivan-martins-alves.netlify.app/

📧 Contact

If you have any questions or want to get in touch, feel free to send me a message:

Name: [ Ivan Martins]

Email: [ivanmarti.alves@gmail.com]

LinkedIn: [https://www.linkedin.com/in/ivan-martins-alves/]

---

Thank you for visiting my portfolio! I hope it demonstrates my skills and my commitment to excellence in software development. 😊