https://github.com/ompreetham/testimonials-grid-section
"Testimonials Grid Section" challenge from Frontend Mentor.io.
https://github.com/ompreetham/testimonials-grid-section
bem css front-end front-end-development frontend frontend-mentor frontendmentor-challenge html junior react render sass scss testimonials-grid testimonials-grid-section vite website
Last synced: 3 months ago
JSON representation
"Testimonials Grid Section" challenge from Frontend Mentor.io.
- Host: GitHub
- URL: https://github.com/ompreetham/testimonials-grid-section
- Owner: OmPreetham
- License: mit
- Created: 2024-04-01T19:00:21.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-04-17T02:07:06.000Z (about 1 year ago)
- Last Synced: 2024-04-17T07:54:10.451Z (about 1 year ago)
- Topics: bem, css, front-end, front-end-development, frontend, frontend-mentor, frontendmentor-challenge, html, junior, react, render, sass, scss, testimonials-grid, testimonials-grid-section, vite, website
- Language: SCSS
- Homepage: https://ompreetham.github.io/testimonials-grid-section/
- Size: 2.5 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Testimonials Grid Section Challenge
This repository contains my solution to the "Testimonials Grid Section" challenge from Frontend Mentor.io. The challenge is to build out a testimonials grid section according to the provided design and requirements.
## Challenge Description
The challenge is to create a testimonials grid section based on the provided design files. It should be responsive, meaning it should work well on desktops, tablets, and mobile devices. The design includes both desktop and mobile layouts.
## Features
- Responsive design that adapts to various screen sizes.
- Testimonials cards with appropriate styling.
- BEM naming convention for CSS classes.
- Utilization of SCSS for efficient styling and modularity.
### Previews
Desktop
Tablet
Mobile
## Getting Started
Follow these instructions to get a copy of the project up and running on your local machine for development and testing purposes.
### Prerequisites
Make sure you have Node.js and npm (or yarn) installed on your machine.
### Installation
1. Clone this repository to your local machine using the following command:
```
git clone https://github.com/OmPreetham/testimonials-grid-section.git
```
1. Navigate into the project directory:
```
cd testimonials-grid-section
```
1. Install dependencies using npm:
```
npm install
```
## Usage
To run the project, use the following command:
```
npm run dev
```
This will start a development server and open the project in your default web browser. Any changes you make to the source code will be hot-reloaded, meaning you can see the updates in real-time.
## Build
To build the project for production, use the following command:
```
npm run build
```
This will start a development server and open the project in your default web browser. Any changes you make to the source code will be hot-reloaded, meaning you can see the updates in real-time.
## Build
To build the project for production, use the following command:
This will create an optimized build of the project in the `dist` directory.
## Additional Information
- This project was scaffolded using Vite, a blazing fast frontend build tool.
- It uses React for building the user interface.
- Feel free to customize the project according to your needs.
## License
This project is licensed under the [MIT License](LICENSE).