Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/crazyhaller/reactjs-assignment
https://github.com/crazyhaller/reactjs-assignment
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/crazyhaller/reactjs-assignment
- Owner: Crazyhaller
- Created: 2024-08-21T10:12:54.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-08-21T10:19:47.000Z (4 months ago)
- Last Synced: 2024-08-21T11:49:09.354Z (4 months ago)
- Language: JavaScript
- Size: 184 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ReactJS Assignment
This project is a ReactJS application bootstrapped with [Create React App](https://github.com/facebook/create-react-app). The application allows users to add widgets to categories, with a dynamic layout that adjusts based on the number of widgets.
## Table of Contents
- [Features](#features)
- [Prerequisites](#prerequisites)
- [Installation](#installation)
- [Usage](#usage)
## Features
- **Dynamic Layout**: Widgets are displayed in a grid layout with 3 columns per row.
- **Add Widgets**: Users can add new widgets to categories using a modal.
- **Responsive Design**: The layout adjusts to different screen sizes.
## Prerequisites
- Node.js (v14 or higher)
- npm (v6 or higher)
## Installation
1. Clone the repository:
```sh
git clone https://github.com/Crazyhaller/reactjs-assignment.git
```
2. Navigate to the directory:
```sh
cd reactjs-assignment
```
3. Install the dependencies:
```sh
npm install
```
## Usage
1. Start the development server:
```sh
npm start
```
2. Open your browser and navigate to `http://localhost:3000` to see the application in action.