https://github.com/skyv26/article-component
Frontend Mentor challenge undertaken to learn web development using vanilla JS. Professional and dynamic article component, displaying well-structured content with responsive design, interactive features, and smooth transitions. Developed with vanilla JS, showcasing proficiency in JavaScript and ability to create engaging and polished web component
https://github.com/skyv26/article-component
css3 deployed frontend-mentor gh-pages html5 javascript mobile-first responsive-design
Last synced: about 2 months ago
JSON representation
Frontend Mentor challenge undertaken to learn web development using vanilla JS. Professional and dynamic article component, displaying well-structured content with responsive design, interactive features, and smooth transitions. Developed with vanilla JS, showcasing proficiency in JavaScript and ability to create engaging and polished web component
- Host: GitHub
- URL: https://github.com/skyv26/article-component
- Owner: skyv26
- License: other
- Created: 2021-08-27T07:45:22.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-06-13T17:05:14.000Z (almost 2 years ago)
- Last Synced: 2025-01-19T05:15:24.365Z (3 months ago)
- Topics: css3, deployed, frontend-mentor, gh-pages, html5, javascript, mobile-first, responsive-design
- Language: CSS
- Homepage: https://skyv26.github.io/article-component/
- Size: 433 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Article Preview Component
# 📗 Table of Contents
- [📖 About the Project](#about-project)
- [🛠 Built With](#built-with)
- [Tech Stack](#tech-stack)
- [Key Features](#key-features)
- [🚀 Live Demo](#live-demo)
- [💻 Getting Started](#getting-started)
- [Prerequisites](#prerequisites)
- [Setup](#setup)
- [Usage](#usage)
- [Deployment](#deployment)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📝 License](#license)
**Article preview component** is a vanilla js project by adding some interactions and make it fully responsive.
HTML
CSS
- **Semantic HTML5 markup**
- **CSS custom properties**
- **Flexbox**
- **Desktop-first workflow**
- [Live Project](https://skyv26.github.io/article-component/)
To get a local copy up and running, follow these steps.
### Prerequisites
```
To do this challenge, you need a basic understanding of HTML, CSS and JavaScript.
```
### Setup
Clone this repository to your desired folder:
```sh
cd DESIRED_FOLDER
git clone https://github.com/skyv26/article-component.git
```
### Usage
```
Please use the VSCode and with the help of live
server extension run it directly.
```
### Deployment
```
You can deploy this project using gh-pages or other platforms like vercel.
```
👤 **Aakash Verma**
- GitHub: [@skyv26](https://github.com/skyv26)
- Twitter: [@vrma_aakash](https://twitter.com/vrma_aakash)
- LinkedIn: [skyv2022](https://linkedin.com/in/skyv2022)
- Frontend Mentor: [@skyv26](https://www.frontendmentor.io/profile/skyv26)
- [ ] **Add more breakpoints to make it responsive**
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](../../issues/).
If you like this project, show your support by giving a star.
I would like to thank [Frontend Mentor](https://www.frontendmentor.io)
This project is [MIT](./LICENSE) licensed.