Live Version Azure: azure-portfolio.alynor.wiki
portfolio.mp4
Welcome to my personal portfolio! This project showcases my skills, projects, and experience using modern web development technologies.
This portfolio was built using Vite and React for a fast and optimized developer experience. It is designed to be fully responsive, ensuring a seamless experience across different devices and screen sizes.
- Projects Section: Highlights my top projects with live demos and links to the source code.
- Skills and Experience: Provides a breakdown of my technical skills and work experience.
- Contact Form: Allows visitors to reach out to me directly via email.
- Responsive Design: Optimized for all screen sizes, ensuring a mobile-friendly experience.
- Frontend: React, Vite, Tailwind CSS (or any CSS framework you prefer)
- Other Tools: React Router for navigation, React Icons for icons
To run this portfolio locally on your machine, follow these steps:
- Node.js (v14 or higher)
- npm or yarn
-
Clone the repository:
git clone https://github.com/yourusername/portfolio.git cd portfolio -
Install dependencies:
npm install
-
Start the development server:
npm run dev
The portfolio will be available at http://localhost:3000.
portfolio
├── public # Static files (e.g., favicon, images)
├── src
│ ├── components # Reusable components (e.g., Navbar, Footer, ProjectCard)
│ ├── pages # Portfolio pages (e.g., Home, Projects, Contact)
│ ├── assets # Images and other media assets
│ ├── App.jsx # Main app component
│ └── main.jsx # React entry point
└── package.json # Project metadata and scripts
To deploy your portfolio, build the optimized production version and host it on your favorite platform (e.g., GitHub Pages, Netlify, Vercel):
-
Build the project:
npm run build
-
Deploy the
distfolder to your preferred hosting platform.