Skip to content

Commit

Permalink
update
Browse files Browse the repository at this point in the history
  • Loading branch information
@AlfredoFerreiras
AlfredoFerreiras committed Aug 30, 2023
1 parent 9511b63 commit 458bcb5
Showing 1 changed file with 165 additions and 91 deletions.
256 changes: 165 additions & 91 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,43 +7,43 @@
<link rel="shortcut icon" type="image/png" href="assets/favicon.png" />

<title>Alfredo Ferreira | Full-Stack Engineer</title>
<meta name="keywords" content="Alfredo Ferreira, Full-Stack Engineer, HTML5, CSS3, JavaScript, React.js, Redux" />
<meta name="description" content="Alfredo Ferreira | Full-Stack Engineer with experience in HTML5, CSS3, JavaScript, React.js, and Redux" />
<meta
name="keywords"
content="Alfredo Ferreira, Full-Stack Engineer, HTML5, CSS3, JavaScript, React.js, Redux"
/>
<meta
name="description"
content="Alfredo Ferreira | Full-Stack Engineer with experience in HTML5, CSS3, JavaScript, React.js, and Redux"
/>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
/>
<link rel="stylesheet" href="style.css" />

<script defer src="https://unpkg.com/scrollreveal@4.0.0/dist/scrollreveal.min.js"></script>
</head>

<body>
<div id="top"></div>


<!-- Todo: remove the below script once you finish your portfolio -->
<script async defer src="https://buttons.github.io/buttons.js"></script>
<script
defer
src="https://unpkg.com/scrollreveal@4.0.0/dist/scrollreveal.min.js"
></script>
</head>

<!-- Todo: read the following HTML Todos to create your stunning portfolio website -->
<body>
<div id="top"></div>

<!-- **** Hero Section **** -->
<!-- Hero Section -->
<section id="hero" class="jumbotron">
<div class="container">
<h1 class="hero-title load-hidden">
<h1 class="hero-title">
Hi, my name is <span class="text-color-main">Alfredo Ferreira</span>
<br />
I'm a Full-Stack Engineer
</h1>
<p class="hero-cta load-hidden">
<a rel="noreferrer" class="cta-btn cta-btn--hero" href="#about"
>Know more</a
>
<p class="hero-cta">
<a class="cta-btn cta-btn--hero" href="#about">Know more</a>
</p>
</div>
</section>
<!-- /END Hero Section -->

<!-- **** About Section **** -->
<section id="about">
Expand All @@ -52,22 +52,44 @@ <h2 class="section-title">About me</h2>
<div class="row about-wrapper">
<div class="col-md-6 col-sm-12">
<div class="about-wrapper__image">
<img alt="Profile Image" class="img-fluid rounded shadow-lg" height="auto" width="300px" src="assets/profile.jpeg" />
<img
alt="Profile Image"
class="img-fluid rounded shadow-lg"
height="auto"
width="300px"
src="assets/profile.jpeg"
/>
</div>
</div>
<div class="col-md-6 col-sm-12">
<div class="about-wrapper__info">
<p class="about-wrapper__info-text">
Hello! I'm Alfredo Ferreira, a Full Stack Engineer soon to graduate from Full Stack Academy, a leading coding bootcamp known for its comprehensive and intensive curriculum. Even though I am new to the industry, I bring a wealth of hands-on experience gained through rigorous coursework and extensive personal projects.

Hello! I'm Alfredo Ferreira, a Full Stack Engineer soon to
graduate from Full Stack Academy, a leading coding bootcamp
known for its comprehensive and intensive curriculum. Even
though I am new to the industry, I bring a wealth of hands-on
experience gained through rigorous coursework and extensive
personal projects.
</p>
<p class="about-wrapper__info-text">
As an early-career professional, I am highly motivated and constantly seeking out opportunities to learn new technologies and architectures. I am excited to bring my dedication to learning, innovation, and problem-solving to a forward-thinking organization that values growth and boundary-pushing initiatives.

Though my professional experience is just beginning, I am deeply committed to the tech industry and eager to make meaningful contributions. I'm confident that my solid foundation in full-stack development and my passion for learning can be an asset to any team.
As an early-career professional, I am highly motivated and
constantly seeking out opportunities to learn new technologies
and architectures. I am excited to bring my dedication to
learning, innovation, and problem-solving to a forward-thinking
organization that values growth and boundary-pushing
initiatives. Though my professional experience is just
beginning, I am deeply committed to the tech industry and eager
to make meaningful contributions. I'm confident that my solid
foundation in full-stack development and my passion for learning
can be an asset to any team.
</p>
<span class="d-flex mt-3">
<a class="cta-btn cta-btn--resume" href="assets/resume.pdf" target="_blank">View Resume</a>
<a
class="cta-btn cta-btn--resume"
href="assets/resume.pdf"
target="_blank"
>View Resume</a
>
</span>
</div>
</div>
Expand All @@ -76,74 +98,125 @@ <h2 class="section-title">About me</h2>
</section>
<!-- /END About Section -->

<!-- **** Projects Section **** -->
<section id="projects">
<div class="container">
<div class="project-wrapper">
<h2 class="section-title dark-blue-text">Projects</h2>
<!-- **** Projects Section **** -->
<section id="projects">
<div class="container">
<div class="project-wrapper">
<h2 class="section-title dark-blue-text">Projects</h2>

<!-- Palestra Attire Project -->
<div class="row">
<div class="col-lg-4 col-sm-12">
<div class="project-wrapper__text">
<h3 class="project-wrapper__text-title">Palestra Attire</h3>
<p class="mb-4">
Engineered a dynamic e-commerce platform using React and Redux. Developed RESTful API routes with Express and Sequelize, enhancing database interactions. Utilized LocalStorage for cart persistence and Axios for client-server data exchanges.
</p>
<p><strong>Skills:</strong> Express.js, Node.js, React.js, JSON Web Token (JWT), Webpack</p>
<a rel="noreferrer" target="_blank" class="cta-btn cta-btn--hero" href="https://palestraattire.onrender.com">See Live</a>

</div>
</div>
<div class="col-lg-8 col-sm-12">
<div class="project-wrapper__image">
<a rel="noreferrer" href="https://palestraattire.onrender.com" target="_blank">
<div data-tilt data-tilt-max="4" data-tilt-glare="true" data-tilt-max-glare="0.5" class="thumbnail rounded js-tilt">
<img alt="Palestra Attire Project Image" class="img-fluid" src="assets/palestraattire.jpeg" />
<!-- Palestra Attire Project -->
<div class="row">
<div class="col-lg-4 col-sm-12">
<div class="project-wrapper__text">
<h3 class="project-wrapper__text-title">Palestra Attire</h3>
<p class="mb-4">
Engineered a dynamic e-commerce platform using React and
Redux. Developed RESTful API routes with Express and
Sequelize, enhancing database interactions. Utilized
LocalStorage for cart persistence and Axios for client-server
data exchanges.
</p>
<p>
<strong>Skills:</strong> Express.js, Node.js, React.js, JSON
Web Token (JWT), Webpack
</p>
<a
rel="noreferrer"
target="_blank"
class="cta-btn cta-btn--hero"
href="https://palestraattire.onrender.com"
>See Live</a
>
</div>
</a>
</div>
<div class="col-lg-8 col-sm-12">
<div class="project-wrapper__image">
<a
rel="noreferrer"
href="https://palestraattire.onrender.com"
target="_blank"
>
<div
data-tilt
data-tilt-max="4"
data-tilt-glare="true"
data-tilt-max-glare="0.5"
class="thumbnail rounded js-tilt"
>
<img
alt="Palestra Attire Project Image"
class="img-fluid"
src="assets/palestraattire.jpeg"
/>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- /END Palestra Attire Project -->
<!-- /END Palestra Attire Project -->

<!-- Cysters Project -->
<div class="row">
<div class="col-lg-4 col-sm-12">
<div class="project-wrapper__text">
<h3 class="project-wrapper__text-title">Cysters</h3>
<p class="mb-4">
Developed a platform aimed at creating awareness about PCOS. Incorporated Socket.io for real-time discussions and used JWT for secure user authentication. Deployed on Render.com for high availability.
</p>
<p><strong>Skills:</strong> Express.js, Sequelize.js, React.js, JSON Web Token (JWT), Marketing</p>
<a rel="noreferrer" target="_blank" class="cta-btn cta-btn--hero" href="https://cysters.onrender.com/">See Live</a>

</div>
</div>
<div class="col-lg-8 col-sm-12">
<div class="project-wrapper__image">
<a rel="noreferrer" href="#!" target="_blank">
<div data-tilt data-tilt-max="4" data-tilt-glare="true" data-tilt-max-glare="0.5" class="thumbnail rounded js-tilt">
<img alt="Cysters Project Image" class="img-fluid" src="assets/cysters.jpeg" />
<!-- Cysters Project -->
<div class="row">
<div class="col-lg-4 col-sm-12">
<div class="project-wrapper__text">
<h3 class="project-wrapper__text-title">Cysters</h3>
<p class="mb-4">
Developed a platform aimed at creating awareness about PCOS.
Incorporated Socket.io for real-time discussions and used JWT
for secure user authentication. Deployed on Render.com for
high availability.
</p>
<p>
<strong>Skills:</strong> Express.js, Sequelize.js, React.js,
JSON Web Token (JWT), Marketing
</p>
<a
rel="noreferrer"
target="_blank"
class="cta-btn cta-btn--hero"
href="https://cysters.onrender.com/"
>See Live</a
>
</div>
</a>
</div>
<div class="col-lg-8 col-sm-12">
<div class="project-wrapper__image">
<a rel="noreferrer" href="#!" target="_blank">
<div
data-tilt
data-tilt-max="4"
data-tilt-glare="true"
data-tilt-max-glare="0.5"
class="thumbnail rounded js-tilt"
>
<img
alt="Cysters Project Image"
class="img-fluid"
src="assets/cysters.jpeg"
/>
</div>
</a>
</div>
</div>
</div>
<!-- /END Cysters Project -->
</div>
</div>
<!-- /END Cysters Project -->

</div>
</div>
</section>

</section>

<!-- **** Contact Section **** -->
<section id="contact">
<div class="container">
<h2 class="section-title">Contact</h2>
<div class="contact-wrapper">
<p class="contact-wrapper__text">Interested in working together? Let's chat!</p>
<a class="cta-btn cta-btn--resume" href="mailto:alfredoferreiras@yahoo.com">Email Me</a>
<p class="contact-wrapper__text">
Interested in working together? Let's chat!
</p>
<a
class="cta-btn cta-btn--resume"
href="mailto:alfredoferreiras@yahoo.com"
>Email Me</a
>
</div>
</div>
</section>
Expand All @@ -156,25 +229,26 @@ <h2 class="section-title">Contact</h2>
<i class="fa fa-angle-up fa-2x" aria-hidden="true"></i>
</a>
<div class="social-links">

<a rel="noreferrer" href="https://www.linkedin.com/in/alfredoferreiras/" target="_blank">
<a
rel="noreferrer"
href="https://www.linkedin.com/in/alfredoferreiras/"
target="_blank"
>
<i class="fa fa-linkedin fa-inverse"></i>
</a>
<a rel="noreferrer" href="https://github.com/AlfredoFerreiras" target="_blank">
<a
rel="noreferrer"
href="https://github.com/AlfredoFerreiras"
target="_blank"
>
<i class="fa fa-github fa-inverse"></i>
</a>
</div>

<hr />

<!-- Notice: if you want to give me some credit, it will be huge for me! if not, put your data on it -->
<p class="footer__text">
© 2023 Alfredo Ferreira
</p>




<p class="footer__text">© 2023 Alfredo Ferreira</p>
</div>
</footer>
<!-- /END Footer Section -->
Expand Down

0 comments on commit 458bcb5

Please sign in to comment.