Dev-Mohit-1220/social-links-profile-angular-18-ssr-scss

Frontend Mentor - Social links profile solution

This is a solution to the Social links profile challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Table of contents

• Frontend Mentor - Social links profile solution
  • Table of contents
  • Overview
    • The challenge
    • Screenshot
    • Links
  • My process
    • Built with
    • What I learned
    • Continued development
    • Useful resources
  • Author
  • Acknowledgments

Overview

The challenge

Users should be able to:

• See hover and focus states for all interactive elements on the page

Screenshot

Links

• Solution URL: GitHub
• Live Site URL: Netlify

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS Grid
• Mobile-first workflow
• Angular - Angular Framework
• SCSS - For styles

What I learned

For this project my main goal was timing my coding time so I could have an idea how long would it take me to complete the component. I didn't do any special besides applying my previous knowledge from my last project.

Continued development

For future development I will apply the AGILE system to keep track of my project.

Useful resources

• SCSS - For style guides.

Author

• Website - Juan Gomez
• Frontend Mentor - @newbpydev
• Twitter - @Newb_PyDev

Acknowledgments

The code may not be perfect compared to my sensei @jonasschmedtman but I need to thank him because he has shown me the ropes and now I am a confident web designer. Another important instructor is @MaximilianSchwarzmüller in Udemy.