https://github.com/mallocode300/mallocode300.github.io
https://github.com/mallocode300/mallocode300.github.io
Last synced: 11 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/mallocode300/mallocode300.github.io
- Owner: mallocode300
- Created: 2025-07-02T13:14:10.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2025-07-09T13:39:53.000Z (12 months ago)
- Last Synced: 2025-07-09T14:47:58.612Z (12 months ago)
- Language: JavaScript
- Homepage: http://malloantomarchi.tech/
- Size: 23.4 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Mallory Antomarchi - Data Analyst Portfolio
A professional portfolio website showcasing expertise in financial data analysis, risk modeling, and predictive analytics. Designed specifically for opportunities in the financial industry.
## 🎯 Features
### Professional Design
- Modern, clean interface tailored for financial industry professionals
- Responsive design that works on all devices
- Professional color scheme that conveys trust and competence
- Smooth animations and interactive elements
### Key Sections
- **Hero Section**: Eye-catching introduction with live financial data visualization
- **About**: Professional summary highlighting financial industry expertise
- **Featured Projects**: Detailed showcases of credit risk analysis and healthcare analytics
- **Skills**: Technical proficiency with animated progress bars
- **Contact**: Professional contact form and information
### Interactive Elements
- **Live Charts**: Real-time financial data visualizations using Chart.js
- **Project Modals**: Detailed project breakdowns with technical specifications
- **Animated Skill Bars**: Visual representation of technical proficiency
- **Smooth Scrolling**: Enhanced user experience with fluid navigation
## 🚀 Quick Start
1. **Clone or Download**: Get the portfolio files to your local machine
2. **Open**: Simply open `index.html` in your web browser
3. **Customize**: Update personal information, contact details, and project content
## 📊 Featured Projects
### Credit Card Default Prediction
- **Dataset**: 30,000+ credit card client records
- **Accuracy**: 85% model accuracy in default prediction
- **Techniques**: Python, Pandas, statistical analysis, EDA
- **Business Impact**: Demonstrates financial risk assessment capabilities
### Interactive Dashboard Development
- **Achievement**: Built 20+ interactive dashboards
- **Impact**: 30% reduction in manual reporting time, 5% ROI increase
- **Technology**: Tableau, Python, SQL, Excel
- **Skills**: KPI monitoring, automation, data visualization
### Search Engine Analytics & Team Leadership
- **Team Size**: Led 20 search analysts
- **Results**: 20% accuracy improvement, 40% training time reduction
- **Focus**: Data-driven management, quality control, process optimization
- **Relevance**: Team leadership and analytical process improvement
## 🛠 Technology Stack
### Frontend
- **HTML5**: Semantic markup and accessibility
- **CSS3**: Modern styling with CSS Grid and Flexbox
- **JavaScript**: Interactive functionality and animations
- **Chart.js**: Data visualizations and charts
- **AOS**: Scroll animations
- **Font Awesome**: Professional icons
### Design Principles
- **Responsive Design**: Mobile-first approach
- **Performance**: Optimized loading and smooth animations
- **Accessibility**: WCAG compliant and screen reader friendly
- **SEO**: Optimized meta tags and semantic structure
## 📁 File Structure
```
mantomarchi_portfolio/
├── index.html # Main portfolio page
├── styles.css # All styling and responsive design
├── script.js # Interactive functionality
├── README.md # This file
└── assets/ # Images and additional resources
```
## 🎨 Customization
### Personal Information
1. Name: Mallory Antomarchi (currently configured)
2. Location: Nice, France (currently configured)
3. Contact: mantomarchi300@outlook.com, +33 6 24 67 99 72 (currently configured)
4. Update social media links if desired (LinkedIn, GitHub, etc.)
### Projects
1. Add your own project descriptions in the projects section
2. Update modal content in `script.js` for detailed project views
3. Replace sample data with your actual project metrics
### Styling
1. Modify color scheme in the CSS `:root` variables
2. Update fonts in the CSS font-family declarations
3. Adjust spacing and layout as needed
### Content
1. Replace the hero chart data with your own datasets
2. Update skills and proficiency levels
3. Modify the about section to reflect your experience
## 📈 Performance Features
- **Optimized Images**: Compressed and properly sized assets
- **Minified Code**: Reduced file sizes for faster loading
- **Lazy Loading**: Images and charts load on demand
- **Caching**: Browser caching for improved repeat visits
## 🔧 Browser Support
- **Chrome**: 70+
- **Firefox**: 65+
- **Safari**: 12+
- **Edge**: 79+
- **Mobile**: iOS Safari, Android Chrome
## 📱 Mobile Optimization
- Responsive grid layouts that adapt to all screen sizes
- Touch-friendly navigation and interactive elements
- Optimized typography for mobile reading
- Fast loading on mobile networks
## 🚀 Deployment
### GitHub Pages
1. Create a new repository on GitHub
2. Upload all files to the repository
3. Enable GitHub Pages in repository settings
4. Your portfolio will be live at `https://yourusername.github.io/repository-name`
### Other Hosting Options
- **Netlify**: Drag and drop deployment
- **Vercel**: Git-based deployment
- **AWS S3**: Static website hosting
- **Traditional Web Hosting**: Upload files via FTP
## 📊 Analytics Integration
To track visitor engagement, add Google Analytics:
1. Create a Google Analytics account
2. Add the tracking code to the `` section of `index.html`
3. Monitor portfolio performance and visitor behavior
## 🔒 Security Considerations
- No sensitive data exposed in frontend code
- Form submissions handled securely (implement backend validation)
- HTTPS recommended for production deployment
- Regular updates to dependencies
## 📞 Support
For questions about customization or technical issues:
- Review the code comments for guidance
- Check browser developer tools for any console errors
- Ensure all files are properly linked and accessible
## 🏆 Best Practices Implemented
- **Semantic HTML**: Proper heading hierarchy and meaningful markup
- **Progressive Enhancement**: Works without JavaScript, enhanced with it
- **Performance**: Optimized assets and efficient code
- **Accessibility**: Keyboard navigation and screen reader support
- **SEO**: Proper meta tags and structured data
---
**Built for Finance Professionals** | **Optimized for Impact** | **Ready to Deploy**