|
1 | | -# Portfolio Website |
| 1 | +# DevForge MSP Site |
2 | 2 |
|
3 | | -This portfolio highlights my journey from C-Store management into IT, remote work, and data annotation. It’s designed as a single-page site with added sections for contact, certifications, and technical content, then expandable with a evolving blog for tutorials and professional updates. |
| 3 | +Marketing and services website for DevForge IT, a small MSP-style brand showcasing remote-friendly IT support, cloud management, and cybersecurity services. |
4 | 4 |
|
5 | | -## Structure |
| 5 | +## Project Overview |
6 | 6 |
|
7 | | -- **public/index.html:** Homepage and main content |
8 | | -- **public/assets/:** Images and style files |
9 | | -- **public/blog/post1.html, ...:** Blog post pages |
10 | | -- **public/styles/:** CSS files (if any) |
11 | | -- **netlify/:** Deployment or redirect files (optional) |
| 7 | +This site is a multi-page static portfolio built to look and feel like a real managed service provider website. It highlights service offerings, experience, client stories, and visual branding suitable for recruiters and small business owners evaluating IT partners. |
12 | 8 |
|
13 | 9 | ## Features |
14 | 10 |
|
15 | | -- Responsive layout for mobile and desktop viewing |
16 | | -- Contact form powered by Netlify for recruiter and network outreach |
17 | | -- Blog section for original articles and learning content |
18 | | -- Downloadable resume and LinkedIn links |
| 11 | +- Multi-page layout (Home, Services, Experience, Projects, Client Stories) |
| 12 | +- Responsive design for desktop, tablet, and mobile |
| 13 | +- Dark mode toggle with localStorage persistence |
| 14 | +- Services cards for IT support, cloud, and cybersecurity |
| 15 | +- Project tiles that link out to live demos and GitHub repositories |
19 | 16 |
|
20 | | -## Setup |
| 17 | +## Tech Stack |
21 | 18 |
|
22 | | -1. Clone the repository from GitHub. |
23 | | -2. Open all files in Visual Studio Code. |
24 | | -3. Use Live Server to preview locally. |
25 | | -4. Deploy to Netlify by connecting this repository. |
| 19 | +- HTML5 and CSS3 |
| 20 | +- Vanilla JavaScript (for navigation, theming, and small UX enhancements) |
| 21 | +- Git and GitHub for version control and hosting |
26 | 22 |
|
27 | | -## Technologies Used |
| 23 | +## Getting Started |
28 | 24 |
|
29 | | -- HTML5 + CSS3 |
30 | | -- Visual Studio Code |
31 | | -- GitHub version control |
32 | | -- Netlify for CI/CD and hosting |
| 25 | +- Open the repository in GitHub and download it as a ZIP, or clone it using your preferred Git client. |
| 26 | +- Open the folder in Visual Studio Code. |
| 27 | +- Use a simple extension like Live Server or open `index.html` directly in the browser to preview. |
33 | 28 |
|
| 29 | +## Deployment |
34 | 30 |
|
35 | | -## Skills Applied from Recent LinkedIn Learning |
36 | | - |
37 | | -This portfolio demonstrates practical application of skills from recent professional development courses: |
38 | | - |
39 | | -### Content Strategy & Personal Branding |
40 | | -- **Storytelling and Content Creation to Transform Your Personal Brand**: Applied to craft compelling narrative throughout portfolio showcasing career transition from management to IT/AI |
41 | | -- **Content Creation Strategy and Tools**: Used to structure blog section for consistent, valuable technical content delivery |
42 | | -- **Strategic Content Marketing**: Implemented in portfolio design to maximize visibility and engagement with recruiters and network contacts |
43 | | - |
44 | | -### Design & User Experience |
45 | | -- **Figma Essential Training**: Utilized for wireframing and prototyping portfolio layout before development |
46 | | -- **Figma Using Auto Layout**: Applied to create responsive component designs that adapt across devices |
47 | | -- **Designing from Figma to Webflow**: Informed workflow for translating design concepts into production-ready HTML/CSS code |
48 | | - |
49 | | -### Technical Enhancement |
50 | | -- **AI and Generative AI for Video Content Creation**: Exploring integration of video tutorials and demos into blog content |
51 | | -- **Automate Your Workflows with Generative AI**: Used to streamline content creation and deployment processes |
52 | | -- **TensorFlow 2.0 Working with Images**: Supporting data annotation work and portfolio projects showcasing AI/ML capabilities |
53 | | - |
54 | | -These courses directly support the portfolio's evolution from static site to dynamic platform demonstrating both technical proficiency and content creation expertise—essential for remote IT and data annotation roles. |
| 31 | +This project is designed to be hosted as a static site using GitHub Pages, Netlify, or any static web host. Point the host to the project root so `index.html` is served as the main entry point. |
55 | 32 |
|
56 | 33 | ## Author |
57 | 34 |
|
58 | | -Portfolio by Erik Vigorito, Florida, professional manager developing IT and AI skills for remote work. |
59 | | - |
| 35 | +Created by **Erik Vigorito** as part of the DevForge IT portfolio, focusing on remote-friendly IT operations, cloud services, and cybersecurity work. |
0 commit comments