https://github.com/pktcodes/lorem-ipsum-react-project
Lorem Ipsum Project using React
https://github.com/pktcodes/lorem-ipsum-react-project
css3 ecmascript6 html5 javascript lorem-ipsum-generator react react-hooks usestate
Last synced: 2 months ago
JSON representation
Lorem Ipsum Project using React
- Host: GitHub
- URL: https://github.com/pktcodes/lorem-ipsum-react-project
- Owner: pktcodes
- Created: 2022-07-30T01:24:56.000Z (about 3 years ago)
- Default Branch: master
- Last Pushed: 2022-07-30T02:58:56.000Z (about 3 years ago)
- Last Synced: 2025-01-02T11:44:29.761Z (9 months ago)
- Topics: css3, ecmascript6, html5, javascript, lorem-ipsum-generator, react, react-hooks, usestate
- Language: CSS
- Homepage: https://react-lorem-ipsum-prod.netlify.app/
- Size: 363 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Lorem Ipsum 📄
> PROD [Live] : https://react-lorem-ipsum-prod.netlify.app/
#### Lorem Ipsum consists of a straightforward user interface where there is a
- **Input** box which takes the number of paragraphs for generating the **dummy/placeholder text** by clicking the `GENERATE` button along with the page title *TIRED OF BORING LOREM IPSUM?*.
- Functionality is
- By default when the application loads, the input will be 0 and there will be no paragraphs.
- if the input is between 1 to 8, it generates the required paragraph.
- If the input is given less than 1 i.e., 0, negative numbers, and click generate, the output will be always one paragraph.
- If the input is given greater than 8, the output will be only eight paragraphs because of the scope of data.
- Data is handled by the `data.js` and styles are handled by `index.css`
- To run the project locally, clone the repo, `npm install` to install the dependencies, and `npm start` to start up the development server on default port 3000.
#### Languages
HTML, CSS, JavaScript, ECMAScript, React - Hooks ~ useState
#### Deployment / Hosting
Netlify
---
*Note: I have developed this project ~ [8] as part of React and Projects Course taught by John Smilga.*