Skip to content

Portfólio criado para compartilhar meu trabalho e mostrar uma visão mais profunda sobre quem sou e o que faço. Aqui, você encontrará uma seleção dos meus projetos mais significativos, refletindo minha paixão e dedicação ao desenvolvimento de software e design.

License

Notifications You must be signed in to change notification settings

ycarlosedu/portfolio-nextjs

Repository files navigation

🌟 My Portfolio

This is my personal portfolio repository, created to showcase my skills, projects, and career as a front-end developer. The project was built using modern technologies to ensure performance, accessibility, and a pleasant visual experience.

🌐 Other Languages

🚀 Technologies Used

  • Next.js: React framework for server-side rendering and static website generation.
  • React: Library for building user interfaces.
  • TypeScript: JavaScript superset that adds static typing to code.
  • Tailwind CSS: Utility CSS framework for fast styling.
  • Shadcn UI: Reusable and accessible UI components.
  • Framer Motion: Library for fluid and custom animations.
  • Zustand: Simple and scalable state management.
  • React Hook Form: Performance-focused form handling library.
  • Zod: Data validation and typing library.
  • Phosphor Icons: Modern and flexible icons.
  • Embla Carousel: Lightweight solution for carousels and sliders.

🌍 Features

  • Multilingual: Support for pt-br and en-us.
  • Light/Dark Mode: Switch between themes according to your preference.
  • Responsive: Fully adapted to different screen sizes, from mobile devices to desktops.
  • Elegant Animations: Fluid transitions and interactions thanks to Framer Motion.

🎨 Color Palette

The colors were chosen to reflect modernity and also a little of my personality:

  • Skyline Blue: #007AFF
  • Eclipse Black: #000000
  • Pure White: #FFFFFF
  • Neutral Gray: #B3B3B3
  • Soft Mist: #F2F2F7
  • Midnight Shadow: #1B1B1B

📦 Installation and Use

  1. Clone the repository:

    git clone https://github.com/ycarlosedu/portfolio-nextjs.git
  2. Access the project directory:

    cd portfolio-nextjs
  3. Install the dependencies:

    npm install
  4. Run the project:

    npm run dev
  5. Access the project in the browser at http://localhost:3000.

📂 Folder Structure

internationalization/        # Translation files
public/                      # Static files
src/
├── app/[locale]/            # Project pages
├── components/              # Reusable components
├── hooks/                   # Custom hooks
├── lib/                     # Helper functions and utilities
├── server/                  # API calls
├── store/                   # Global states managed by zustand
├── styles/                  # Styling files
├── utils/                   # Reusable utility files

📷 Demonstration

🤝 Contributions

Contributions are welcome! If you have any suggestions or concerns, feel free to open an issue or submit a pull request.

📄 License

This project is licensed under the MIT License. See the LICENSE file for more details.

About

Portfólio criado para compartilhar meu trabalho e mostrar uma visão mais profunda sobre quem sou e o que faço. Aqui, você encontrará uma seleção dos meus projetos mais significativos, refletindo minha paixão e dedicação ao desenvolvimento de software e design.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages