Skip to content

gustavopolonio/article-preview-component

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Article Preview Component

📌 Table of Contents

📖 About this Project

This is a project to fix concepts about CSS and toggle class list in Javascript. It's full responsive, has mobile-first approach and static data with the functionality to toggle a class list that shows icons to share the article in social media.

This project idea was taken from Frontend Mentor and is part of my personal portfolio, so I would appreciate if you provide me any feedback about the ideia, code, structure or anything you could report to make me a better developer.

Feel free to use the Artcile Preview Component as you wish, either to study or make improvementes!

You can check out this project in action clicking here.

👷 Getting Started

Prerequisites

Before starting, you need to have installed in your machine the Git and a editor to work with the code (I use VSCode).

Installation

To clone this project via HTTPS, run the command:

git clone https://github.com/gustavopolonio/article-preview-component.git

SSH URLs provide access to a Git repository via SSH, a secure protocol. If you have a SSH key registered in your Github account, clone this project using the command:

git clone git@github.com:gustavopolonio/article-preview-component.git

Open the cloned project in your editor and install a Live Server to launch a development local server with live reload feature. If you are using VSCode like me, I recommend to install the extension LiveServer. Then start the live server and open the browser in the port number provided:

http://localhost:<port_number>/

💻 Technologies

📕 License

This project is under the MIT license. See the license for more informations.


Made with 💚 by Gustavo Polonio 🚀

Linkedin Badge Gmail Badge