Personal Portfolio Website

A modern, responsive portfolio website showcasing my professional work in web development and machine learning, built with React.

🚀 Featured Projects

Web Development

• BOE Partners: School management platform with user authentication and profile management
• Medications Tracker: Full-stack medication tracking system deployed on AWS
• AI Therapy: ChatGPT-powered therapy simulation with AI-generated images
• Tasks Manager: CRUD task management application with user authentication
• Musician Portfolio: Responsive musician showcase website
• Quiz App: Interactive quiz application with dynamic content

Machine Learning

• SPN Identification: MATLAB algorithm for detecting Solitary Pulmonary Nodules
• Image Object Identification: Python-based computer vision project
• Breast Cancer Detection: Comparative analysis of ML algorithms
• Chronic Kidney Disease: Neural network-based diagnostic tool
• Parkinson's Disease: Voice and movement pattern analysis
• Diabetes Mellitus: Web-based diabetes prediction system

🛠️ Technologies Used

Web Development

• Frontend: React.js, Bootstrap 5.3.0, HTML5, CSS3
• Backend: Node.js, Express.js
• Databases: MongoDB, MySQL
• Cloud Services: AWS, GCP, Firebase
• Authentication: JWT, bcrypt

Machine Learning

• Languages: Python, MATLAB
• Tools: Jupyter Notebook
• Areas: Computer Vision, Healthcare Analytics, Neural Networks

📁 Project Structure

camilasandoval/
├── public/
│   ├── certificates/    # Certificate images
│   ├── icons/          # Technology icons
│   ├── images/         # Project and profile images
│   └── meta/           # Favicon and logos
├── src/
│   ├── data/          # JSON configuration files
│   │   ├── portfolio.json    # Project details
│   │   ├── certificates.json # Certificate information
│   │   └── skill-dev.json   # Skills data
│   ├── layout/        # Layout components
│   │   ├── Footer/
│   │   └── NavMenu/
│   ├── pages/         # Page components
│   │   ├── About/
│   │   ├── Certificates/
│   │   ├── Home/
│   │   ├── Projects/
│   │   ├── Skills/
│   │   └── Videos/
│   └── styles/        # CSS styles

🔧 Key Features

• Responsive Design: Optimized for all device sizes
• Dynamic Content: Project data managed through JSON files
• Interactive UI: Smooth navigation and transitions
• Portfolio Sections:
  • Detailed project showcases
  • Skills visualization
  • Certificate gallery
  • About section
  • Video content

🎨 Dependencies

• react: ^18.2.0
• react-bootstrap: ^2.7.4
• react-router-dom: ^6.12.0
• react-simple-typewriter: ^5.0.1
• bootstrap: ^5.3.0

📱 Browser Support

• Chrome (latest)
• Firefox (latest)
• Safari (latest)
• Edge (latest)