NEW README Tecnate | Last Updated: 2024.05.29
Table of Contents
This is a color swatch app built with React that implements:
- Functional components
- Click events
- useState & useEffect hooks
- Lists & keys
- Props & prop drilling
- Controlled component inputs
- APIs
Type in any valid color name or select from the list in the sidebar to view swatches, imported from the colornames API. Compare light vs dark themes to view what text looks like against your chosen background.
- HTML
- CSS
- React.js
- Node.js
- colornames API
Click here to view the current version of this app in your browser.
All dependencies will need to be built from the package.json file to modify code and run this app locally. You will need to have installed:
- A text editor
- Node.js
- Node Package Manager (npm)
- Clone this repo.
- In your project root, you will need to install this project's dependencies by executing
npm installin the terminal.- This will read the package.json file and create the node_modules folder with all the necessary packages and dependencies.
- Once installation is finished, you can launch the app in your browser by executing
npm run start.- Keep this terminal instance running in the background during development.
- You can end this terminal session with
Ctrl+C.
- Open a separate terminal instance for any other development/version control needs.
src/App.js: Container component: structure & business logic.src/components: Presentational components: UI rendering.src/index.css: design and aesthetics.
There are no plans to develop additional features at this time.
Distributed under the MIT License.