https://github.com/reddy-epk/even-odd-number-finder2

An extended part of Even-Odd finder, used functional component rather then class component.
https://github.com/reddy-epk/even-odd-number-finder2

class-components-and-state even-odd-finder functional-components react

Last synced: 7 days ago
JSON representation

An extended part of Even-Odd finder, used functional component rather then class component.

• Host: GitHub
• URL: https://github.com/reddy-epk/even-odd-number-finder2
• Owner: reddy-epk
• Created: 2024-03-27T17:28:44.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2024-03-27T17:34:10.000Z (8 months ago)
• Last Synced: 2024-03-27T18:43:57.097Z (8 months ago)
• Topics: class-components-and-state, even-odd-finder, functional-components, react
• Language: HTML
• Homepage: https://epkran2.ccbp.tech/
• Size: 177 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Buuilding an **Even Odd App** with functional component.

### Refer to the image below:













### Design Files

Click to view

- [Extra Small (Size < 576px), Small (Size >= 576px)](https://assets.ccbp.in/frontend/content/react-js/even-odd-sm-output.png)

- [Medium (Size >= 768px), Large (Size >= 992px) and Extra Large (Size >= 1200px)](https://assets.ccbp.in/frontend/content/react-js/even-odd-lg-output.png)

### Set Up Instructions

Click to view

- Download dependencies by running `npm install`

- Start up the app using `npm start`

Implementation Files




Use these files to complete the implementation:

- `src/components/EvenOddApp/index.js`

- `src/components/EvenOddApp/index.css`

### Resources

Colors




Hex: #ff6e7f

Hex: #bfe9ff

Hex: #0f172a

Hex: #334155

Hex: #ffffff

Hex: #1e293b


Font-families

- Roboto

> ### _Things to Keep in Mind_

>

> - All components you implement should go in the `src/components` directory.

> - Don't change the component folder names as those are the files being imported into the tests.