https://github.com/ompreetham/single-page-grid-component
This project is a solution to the Single Page Grid Component challenge from Frontend Mentor. It's built using Vite and React.
https://github.com/ompreetham/single-page-grid-component
component components css fronetend-mentor-challenge front-end front-end-development frontend frontend-mentor grid html javascript js page react render single vite website
Last synced: 7 months ago
JSON representation
This project is a solution to the Single Page Grid Component challenge from Frontend Mentor. It's built using Vite and React.
- Host: GitHub
- URL: https://github.com/ompreetham/single-page-grid-component
- Owner: OmPreetham
- License: mit
- Created: 2024-03-24T21:19:50.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-04-16T19:21:29.000Z (over 1 year ago)
- Last Synced: 2024-04-16T23:49:30.540Z (over 1 year ago)
- Topics: component, components, css, fronetend-mentor-challenge, front-end, front-end-development, frontend, frontend-mentor, grid, html, javascript, js, page, react, render, single, vite, website
- Language: CSS
- Homepage: https://ompreetham.github.io/single-page-grid-component/
- Size: 2.13 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Single Page Grid Component
This project is a solution to the Single Page Grid Component challenge from Frontend Mentor. It's built using Vite and React.
## Previews
### Desktop
### Mobile
## Technologies Used
- [Vite](https://vitejs.dev/): A build tool that aims to provide a faster and leaner development experience for modern web projects.
- [React](https://reactjs.org/): A JavaScript library for building user interfaces.
## Installation
1. Clone this repository to your local machine using the following command:
```
git clone https://github.com/OmPreetham/single-page-grid-component.git
```
1. Navigate into the project directory:
```
cd single-page-grid-component
```
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).