My portfolio 📓

🔥A professional website to share my story and skills as a developer!

The application consists of sharing my skills and competences with the world. The site features a set of blogs that talk about my professional history and evolution to date, including my skills with React, which is my specialty. The project was developed with technologies such as React, Next.js, TypeScript, Tailwindcss and Yarn.

💻 Version 2.0

Teste você mesmo!!🔎 https://marcus-dev.vercel.app/

🎡 Functionalities

Display information about the author of the site, including name, photo, education and professional experience
View portfolio of projects developed by the author, with detailed information about each one of them
Display blog with articles and content created by the author, organized by themes or categories
Display contact so visitors can send messages and communicate with website author
Offer a responsive version of the website to improve the user experience on different devices
Use animations and visual effects to improve the user experience and make the site more attractive

🔧 Resources used

This project was developed with the following resources and technologies:

🚀 How to run the project

Clone the repository to your local machine.

$ git clone https://github.com/maarcusvinicius/marcus.dev.git

Navigate to the project directory and install dependencies.

$ cd marcus.dev
$ npm install

Start the development server.

$ npm start

Open your browser and go to http://localhost:3000 to view the application.

💻 Project structure

marcus.dev/
  .next/
  components/
    Background/
    Blog/
    Button/
    List/
    Navbar/
    Pill/
    Animate.component.tsx
    index.ts
  data/
  layouts/
  lib/
  node_modules/
  pages/
  public/
  types/
  .eslintrc.json
  .gitignore
  .prettierignore
  .yarnrc.yml
  README.md
  next-env.d.ts
  next-sitemap.js
  next.config.js
  package.json
  tailwind.config.js
  tsconfig.json
  windi.config.ts
  yarn.lock

🏍️ Components

Background: is a component that renders a background with a background image.
Blog: is a component that displays a list of blog posts, allowing navigation between pages.
Button: is a component that displays a customizable button.
List: is a component that displays a list of items.
Navbar: is a component that renders a navigation bar.
Pill: is a component that displays an item in the form of a "pill", used to show tags or categories.
Animate.component.tsx: is a component responsible for applying animations to page elements.
index.ts: it is the main file of the folder, which exports all available components to be used in the project.

License

This project is licensed under the MIT License. Feel free to use, modify and distribute it as needed.

🚧 My portfolio 📓 FINISHED 🚧

Made with ❤️ by Marcus Vinicius 👋🏽 Get in touch!

//done readme marcus

𝐇𝐞𝐥𝐥𝐨 𝐭𝐡𝐞𝐫𝐞, 𝐟𝐞𝐥𝐥𝐨𝐰 <𝚌𝚘𝚍𝚎𝚛𝚜/>!

I'm a Web Developer, a programmer looking to make
a difference in the digital world. Personal Site 🚀

My current tools

📲 Front-end Mobile with React Native
💻 Front-end Web with Reactjs
📡 Back-end with Nodejs
🔣 Typescript
🧰 And more...