_____ _ _ _ _____ _ _
| __ \ | | | | (_) | __ \ (_) | |
| |__) |___ __ _ ___| |_ | | ___ __ _ _ __ _ __ _ _ __ __ _ | |__) | __ ___ _ ___ ___| |_ ___
| _ // _ \/ _` |/ __| __| | | / _ \/ _` | '__| '_ \| | '_ \ / _` | | ___/ '__/ _ \| |/ _ \/ __| __/ __|
| | \ \ __/ (_| | (__| |_ | |___| __/ (_| | | | | | | | | | | (_| | | | | | | (_) | | __/ (__| |_\__ \
|_| \_\___|\__,_|\___|\__| |______\___|\__,_|_| |_| |_|_|_| |_|\__, | |_| |_| \___/| |\___|\___|\__|___/
__/ | _/ |
|___/ |__/
A collection of small React projects, component examples, and portfolio demos used for learning and experimentation.
This repository is a learning collection of React-based projects and components. It contains multiple standalone example apps and UI component implementations created while learning React and front-end development. The code demonstrates practical use of React (JSX), component composition, styling with CSS, and simple build/run configurations. Notable directories include examples such as a portfolio project, a crypto API UI example, clones of landing pages, and single-page demos. The intent is educational: to experiment, iterate, and showcase small real-world UI patterns.
- Multiple small React applications and example projects for learning and demonstration.
- Reusable UI components and layouts (JSX + CSS) that illustrate component composition and responsive styling.
- Example projects visible in the repository (for example: portfolio apps, a crypto API UI example, and landing-page clones).
- Simple local development flow using npm for installing dependencies and running projects.
- Organized examples that are easy to fork, inspect, and adapt for practice or portfolio work.
- https://animation-dashboard-react.netlify.app/
- https://evolvion-clone.netlify.app/
- https://bill-generator-lovebel.netlify.app/
- https://animation-landing-page-react.netlify.app/
- https://crypto-dashboard-ui-react.netlify.app/
- https://react-color-pick.netlify.app/
- https://react-cloth-shop-ecommers.netlify.app/
- https://failed-open-ai-clone.netlify.app/
- https://apex-lanka.netlify.app/
- https://pos-system-frontend-react.netlify.app/
- https://regencell-main.netlify.app/
- Clone the React-Learning-Projects repository:
❯ git clone https://github.com/HimanthaThathsara/React-Learning-Projects- Navigate to the project directory:
❯ cd React-Learning-Projects- Install the project dependencies Using
npm
❯ npm install- Run React-Learning-Projects using the following command Using
npm
❯ npm run dev
This project is protected under the MIT-A-LICENSE License. For more details, refer to the LICENSE file.