https://github.com/skyv26/social-proof-design
Frontend Mentor challenge pursued to enhance web development skills using vanilla JS. Professionally designed social proof section featuring dynamic testimonials, user ratings, and engaging visuals. Developed with vanilla JS, demonstrating mastery of JavaScript and ability to create a visually appealing and interactive social proof design.
https://github.com/skyv26/social-proof-design
css3 html5 mobile-first responsive-design
Last synced: over 1 year ago
JSON representation
Frontend Mentor challenge pursued to enhance web development skills using vanilla JS. Professionally designed social proof section featuring dynamic testimonials, user ratings, and engaging visuals. Developed with vanilla JS, demonstrating mastery of JavaScript and ability to create a visually appealing and interactive social proof design.
- Host: GitHub
- URL: https://github.com/skyv26/social-proof-design
- Owner: skyv26
- Created: 2021-08-26T21:00:47.000Z (almost 5 years ago)
- Default Branch: main
- Last Pushed: 2023-06-12T20:29:27.000Z (about 3 years ago)
- Last Synced: 2025-01-19T05:11:21.921Z (over 1 year ago)
- Topics: css3, html5, mobile-first, responsive-design
- Language: CSS
- Homepage: https://social-proof-4.netlify.app/
- Size: 354 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Social Proof Section
# 📗 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)
**Social proof section** is a vanilla css project
HTML
CSS
- **Semantic HTML5 markup**
- **CSS custom properties**
- **Flexbox**
- **CSS Grid**
- **Mobile-first workflow**
- [Live Project](https://social-proof-4.netlify.app/)
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/social-proof-design.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, please give it a star.
I would like to thank [Frontend Mentor](https://www.frontendmentor.io)
This project is [MIT](./MIT.md) licensed.