https://github.com/emeraldknight-sp/react-portfolio-3.0

My online portfolio for personal presentation of projects and skills, built with React and other modern technologies.
https://github.com/emeraldknight-sp/react-portfolio-3.0

clsx emailjs pnpm react-calendly react-hook-form react-icons react-router-dom reactjs slick-carousel sonner tailwindcss typescript vite

Last synced: 6 days ago
JSON representation

My online portfolio for personal presentation of projects and skills, built with React and other modern technologies.

• Host: GitHub
• URL: https://github.com/emeraldknight-sp/react-portfolio-3.0
• Owner: emeraldknight-sp
• License: mit
• Created: 2024-04-22T20:34:34.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-08-05T13:25:44.000Z (5 months ago)
• Last Synced: 2024-11-09T23:17:36.236Z (2 months ago)
• Topics: clsx, emailjs, pnpm, react-calendly, react-hook-form, react-icons, react-router-dom, reactjs, slick-carousel, sonner, tailwindcss, typescript, vite
• Language: TypeScript
• Homepage: https://react-portfolio-3-0.vercel.app/
• Size: 954 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  
🔴 Portfolio de Projetos





  





  


    This is a portfolio that brings together projects with diverse skills and knowledge of programming, web development and web design offering a comprehensive view of my work. With an approach focused on good design and development practices, each project is presented in a unique way, highlighting the technologies and solutions used.

  





  

    

  

  

    

  

  

    

  

  

    

  

  

    

  

  

    

  



## 🛠️ Technologies

- HTML5, CSS3, JS ES6+

- [Node e Pnpm](https://nodejs.org/)

- [React](https://reactjs.org/)

- [React-icons](https://react-icons.github.io/react-icons/)

- [React-calendly](https://www.npmjs.com/package/react-calendly#basic-usage)

- [React-slick](https://react-slick.neostack.com/)

- [React-hook-form](https://react-hook-form.com/)

- [React-router-dom](https://reactrouter.com/en/main)

- [Slick-carousel](https://www.npmjs.com/package/slick-carousel)

- [Tailwind CSS](https://tailwindcss.com)

- [Typescript](https://www.typescriptlang.org/docs)

- [Sonner](https://sonner.emilkowal.ski/)

- [Clsx](https://www.npmjs.com/package/clsx)

- [Vite](https://vitejs.dev/)

## 📣 Funcionalities

- Responsiveness

- Scroll navigation between sections

- Animated social media menu

- Contact button (redirection to an page for )

- Slider carousel to technologies (hard skills)

- Slick carousel to projects

- Form that sends emails through EmailJS

- Scheduling consultations through a page that renders an embedded Calendly element

## 💿 Installing

Install the project with the following command

```bash

  pnpm install

```

## 💻 Running project

Run this project with the following instruction

```bash

  pnpm dev

```

## 🛠️ Running tests

To run the tests in the application you can run the following command

```

This project no have any tests to be runned

```

## 🚀 Deploy

To deploy this project, execute

```bash

  vercel

```

## 🧰 Used stacks

**Front-end:** HTML5, Tailwind CSS, React, React-slick, React-calendly, React-router-dom, React-icons, Slick-carousel, Sonner, Clsx, @Emaijs/Browser, Typescript, Vite

**Back-end:** Not used

## 📸 Screenshots

![Layout](.github/layout.png)

## 📝 License

This project is under [MIT license](LICENSE).