https://github.com/pktcodes/lorem-ipsum-react-project-v2

Lorem Ipsum Project using React
https://github.com/pktcodes/lorem-ipsum-react-project-v2

css ecmascript html javascript john-smilga lorem-ipsum-generator nanoid react react-hooks usestate vite

Last synced: about 1 month ago
JSON representation

Lorem Ipsum Project using React

• Host: GitHub
• URL: https://github.com/pktcodes/lorem-ipsum-react-project-v2
• Owner: pktcodes
• Created: 2023-08-03T04:38:17.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2023-08-04T02:32:00.000Z (over 1 year ago)
• Last Synced: 2024-11-08T23:58:13.637Z (3 months ago)
• Topics: css, ecmascript, html, javascript, john-smilga, lorem-ipsum-generator, nanoid, react, react-hooks, usestate, vite
• Language: CSS
• Homepage: https://react-lorem-ipsum-v2-prod.netlify.app/
• Size: 24.4 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-v2-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 1 and there will be no paragraphs. 

   - if the input is between 1 to 9, it generates the required paragraphs.

   - If the input is changed less than 1 i.e., 0, negative numbers, and click generate will display an error message "Value must be greater than or equal to 1."

   - If the input is given greater than 9, an error message is displayed "Value must be less than or equal to 9."

- 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 run dev` to start up the development server on default port 5173.

#### Languages

HTML, CSS, JavaScript, ECMAScript, React - Hooks ~ useState

#### Packages

[Nano ID](https://www.npmjs.com/package/nanoid)

#### Deployment / Hosting

Netlify

---

_Note: I have developed this project ~ [9] as part of React 18 Tutorial and Projects Course (2023) taught by John Smilga._