Welcome to the Vite Portfolio repository, a project that showcases my professional journey, skills, and projects. The website has been crafted with love, passion, and a touch of personal flair. From the initial logo that uniquely combines my initials with elements representing my love for the trumpet and fascination with octopuses, to the detailed UI components, this portfolio reflects who I am both as a developer and an individual.
Hosted on Vercel, known for its performance and scalability, ensuring a smooth experience for every visitor.
This site has been meticulously designed to ensure an optimal viewing experience across devices. For a quick peek into the mobile navigation, check out this GIF:
- React: A powerful library for building UI components.
- Vite: A blazing fast frontend build tool, making the development process a breeze.
- Tailwind CSS: A utility-first CSS framework for rapidly building modern user interfaces.
- React-Spring: A spring physics based animation library that adds that extra flair to the site's interactions.
- React Vertical Timeline Component: Used to chronologically display my job experience.
- EmailJS: Ensures that anyone reaching out through the contact form gets their messages delivered directly to my inbox.
- React-Router-Dom: Handles seamless navigation throughout the site.
- Personal Logo: This beautiful design by Chelsea Sexton welcomes users with my initials "SEB" artistically integrated with an octopus tentacle emerging from a trumpet bell. This fusion not only symbolizes my passion for music (through the trumpet, which I play) but also my admiration for the octopus, an incredibly intelligent invertebrate.
- Quick Access Icons: From the landing page, users can quickly navigate to my GitHub, LinkedIn, YouTube channel, view my resume, or catch up with my blog.
- Interactive Project Cards: The projects page showcases a collection of cards. Hovering over each card reveals its title, a quick summary, and icons leading to the deployed project and its associated GitHub repository.
Found something interesting? Want to chat about a project or just say hi? The contact form powered by EmailJS ensures that your messages reach me directly. Alternatively, you can always reach out to me via the provided social icons.
This project is open-source under the MIT License.
You can set up this project locally by following these steps:
git clone https://github.com/missatrox44/vite-portfolio.git
cd vite-portfolio
npm install
npm run dev
git clone git@github.com:missatrox44/vite-portfolio.git
cd vite-portfolio
npm install
npm run dev