Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/skyv26/single-price-components
Frontend Mentor challenge embraced to enhance web development skills using vanilla JS. Professionally designed single price component showcasing a product/service, pricing details, and call-to-action button. Developed with vanilla JS, demonstrating proficiency in JavaScript and ability to create a visually appealing and responsive.
https://github.com/skyv26/single-price-components
challenge css frontend-mentor mobile-first newbie-friendly reactjs responsive-design styled-components
Last synced: 17 days ago
JSON representation
Frontend Mentor challenge embraced to enhance web development skills using vanilla JS. Professionally designed single price component showcasing a product/service, pricing details, and call-to-action button. Developed with vanilla JS, demonstrating proficiency in JavaScript and ability to create a visually appealing and responsive.
- Host: GitHub
- URL: https://github.com/skyv26/single-price-components
- Owner: skyv26
- License: other
- Created: 2021-12-19T13:57:33.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2023-06-14T08:01:54.000Z (over 1 year ago)
- Last Synced: 2024-12-18T16:42:51.113Z (29 days ago)
- Topics: challenge, css, frontend-mentor, mobile-first, newbie-friendly, reactjs, responsive-design, styled-components
- Language: JavaScript
- Homepage: https://skyprice.netlify.app/
- Size: 264 KB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Single Price Grid 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)
- [Install](#install)
- [Usage](#usage)
- [Run tests](#run-tests)
- [Deployment](#deployment)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [❓ FAQ (OPTIONAL)](#faq)
- [📝 License](#license)
# 📖 Single Price Grid Component
**Single price grid component** is a vanilla js application to learn web developement and its foundation.
Client
- **View the optimal layout for the component depending on their device's screen size**
- **See a hover state on desktop for the Sign Up call-to-action**
- [Live Project](https://skyprice.netlify.app/)
To get a local copy up and running, follow these steps.
### Prerequisites
```
To do this challenge, you need to have a good understanding of React.js and javascript too.
```
### Setup
Clone this repository to your desired folder:
```sh
cd DESIRED_FOLDER
git clone https://github.com/skyv26/single-price-components.git
```
### Install
Install this **React** and it dependent libraries with:
```sh
cd single-price-components
yarn install or npm install
```
### Usage
To run the project, execute the following command:
```
Please use the VSCode and run command `yarn start`
```
### 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)
- [ ] **Make it dynamic and interactive**
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](../../issues/).
If you like this project, please support me by giving a star.
I would like to thank [Frontend Mentor](https://www.frontendmentor.io)
This project is [MIT](./LICENSE) licensed.