Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/codewithalamin/article-preview-component
This is my solution for the Article Preview Component challenge on Frontend Mentor.
https://github.com/codewithalamin/article-preview-component
codepapa360 codewithalamin css dark-mode frontend-development html javascript responsive-design ui-design ux-design web-accessibility web-development
Last synced: 13 days ago
JSON representation
This is my solution for the Article Preview Component challenge on Frontend Mentor.
- Host: GitHub
- URL: https://github.com/codewithalamin/article-preview-component
- Owner: CodeWithAlamin
- License: mit
- Created: 2023-04-06T21:59:31.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-10-30T12:04:41.000Z (3 months ago)
- Last Synced: 2024-11-11T03:18:09.926Z (2 months ago)
- Topics: codepapa360, codewithalamin, css, dark-mode, frontend-development, html, javascript, responsive-design, ui-design, ux-design, web-accessibility, web-development
- Language: HTML
- Homepage: https://article-preview-component-alamin.netlify.app
- Size: 1010 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
Article Preview Component
This is my solution for the Article Preview Component challenge on Frontend Mentor. Check out the live site!
### Screenshot
### The challenge
Users should be able to:
- View the optimal layout for the component depending on their device's screen size
- See the social media share links when they click the share icon
- **Bonus** Added dark mode toggle.
#### Built with
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- JavaScript
- Mobile-first workflow
- NPM
## Installation
- Clone this repo:
```sh
git clone https://github.com/CodeWithAlamin/Article-preview-component.git
```
- Install dependencies:
```sh
npm install
```
- Build command:
```sh
npm run build
```
- Run command:
```sh
npm start
```
## Author
👤 Alamin
- Twitter - [@CodeWithAlamin](https://www.twitter.com/CodeWithAlamin)
- LinkedIn - [@CodeWithAlamin](https://www.linkedin.com/in/CodeWithAlamin)
- Frontend Mentor - [@CodeWithAlamin](https://www.frontendmentor.io/profile/CodeWithAlamin)
- Github: [@CodeWithAlamin](https://github.com/CodeWithAlamin)
Feel free to contact me with any questions or feedback!
## Show your support
Give a ⭐️ if you liked this project!
## Acknowledgments
I would like to express my gratitude to Frontend Mentor for providing this project idea and design. Their platform is an excellent resource for web developers looking to improve their skills.
## License
This project is licensed under the [MIT](https://github.com/CodeWithAlamin/Article-preview-component/blob/main/LICENSE.md) license, which means you can use, modify, and distribute the code as you wish. If you have any questions or feedback, feel free to reach out. Thank you for considering my code!