Jardel Alves - Fullstack Developer Portfolio

Welcome to my personal portfolio! This site showcases my skills, projects, and experience as a Fullstack Developer, with expertise in Python, JavaScript, React, Node.js, and cloud services like AWS and Azure.

🌟 Overview

This portfolio is built using HTML, CSS, and JavaScript, and integrates with the GitHub API to display my latest projects and with the OpenWeatherMap API to show the current weather in Florianopolis.

🚀 Features

• Dynamic GitHub Projects: Automatically displays my latest repositories using the GitHub API.
• Weather Widget: Shows the current weather in Florianopolis using the OpenWeatherMap API.
• Responsive Design: Optimized for desktop and mobile devices.
• Contact Form: Allows visitors to reach out to me directly through the website.
• Modern UI/UX: Styled with CSS to create a sleek and engaging user experience.

📸 Preview

💡 Technologies Used

• React for building interactive and reusable UI components.
• Node.js for backend services and server-side logic.
• Express.js for building RESTful APIs.
• MongoDB for managing data in a NoSQL database.
• MySQL or PostgreSQL for relational database management.
• Docker for containerization, ensuring consistency across different environments.
• AWS (Amazon Web Services) for deploying and hosting the website.
• CI/CD (Continuous Integration/Continuous Deployment) using GitHub Actions for automated testing and deployment.
• Sass for advanced CSS with variables, nested rules, and mixins.
• Webpack for bundling JavaScript modules and assets.
• TypeScript for type safety in JavaScript, improving code quality.
• Jest and React Testing Library for unit testing.
• Google Analytics for tracking user interactions and understanding audience behavior.
• SEO (Search Engine Optimization) techniques to improve website visibility.
• Figma or Adobe XD for designing and prototyping UI/UX before development.
• JWT (JSON Web Tokens) for secure authentication and authorization.
• GraphQL for efficient data fetching and manipulation.
• Tailwind CSS for utility-first styling to quickly design custom UI.
• Redux for state management in complex React applications.
• WebSockets for real-time communication features, such as chat applications.
• Firebase for authentication, hosting, and real-time database services.
• PWA (Progressive Web App) technologies for creating offline-first apps.
• Lighthouse for performance audits and optimization.
• Accessibility best practices to ensure an inclusive experience for all users.