My Portfolio

A personal developer portfolio built with React, showcasing projects, education, skills, experience, and contact information.

Table of Contents 📑

• About
• Technologies
• Installation
• Available Scripts
• Project Structure
• Features
• Contributing
• License

About 📖

This project is a personal developer portfolio designed to showcase my skills, education, projects, and experience in a single-page application (SPA) format. It includes various sections for projects, education, skills, experience and contact details.

Technologies 💻

• React
• React Router for navigation
• Vite for fast development and build processes
• TypeScript for type safety
• ESLint for code linting

Installation ⚙️

1. Clone the repository:

   git clone https://github.com/your-username/personal-portfolio.git
   cd personal-portfolio

2. Install dependencies:

   npm install

3. Run the application:

   npm run dev

This will start the development server, and you can view the application by navigating to http://localhost:5173 in your browser.

4. Build for production:

   npm run build

This command will create an optimized production build in the dist folder.

5. Preview the production build:

   npm run preview

This will serve the built application locally for testing the production build.

Available Scripts 📜

• Development: Starts the app in development mode.

  npm run dev

• Build: Builds the app for production.

  npm run build

• Preview: Previews the production build locally.

  npm run preview

• Lint: Runs ESLint to check for code quality issues.

  npm run lint

Project Structure 📁

• src: Contains all source files, including components, assets, and routes.
• public: Stores static assets like images.
• index.html: The entry HTML file.
• vite.config.ts: Configuration for Vite.
• package.json: Project metadata and scripts.

Features ✨

• Projects Section: Showcases various projects with descriptions and links.
• Education Section: Details educational background, certifications, and courses completed.
• Skills Section: Lists my skills relevant to development and teamwork.
• Experience Section: Highlights professional experience and relevant skills.
• Contact Section: Provides a way to reach out via email or social media.

License 📜

This project is licensed under the MIT License.

Deploy Link 🚀

https://portfoliogfernandez.vercel.app/