https://github.com/tassawarhasib/react-practice-ground

This repository contains a collection of React components that I've created for practice and learning purposes. Each component serves a specific function or demonstrates a particular concept within React development.
https://github.com/tassawarhasib/react-practice-ground

api css javascript jsx reactjs

Last synced: about 2 months ago
JSON representation

This repository contains a collection of React components that I've created for practice and learning purposes. Each component serves a specific function or demonstrates a particular concept within React development.

• Host: GitHub
• URL: https://github.com/tassawarhasib/react-practice-ground
• Owner: tassawarhasib
• Created: 2024-02-02T14:07:14.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-03-11T19:51:25.000Z (10 months ago)
• Last Synced: 2024-03-11T20:57:07.461Z (10 months ago)
• Topics: api, css, javascript, jsx, reactjs
• Language: JavaScript
• Homepage:
• Size: 416 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# React Components Practice

## About

This repository contains a collection of React components that I've created for practice and learning purposes. Each component serves a specific function or demonstrates a particular concept within React development.

### Components

1. **Study Hour Counter Project**: A micro project that allows users to count their study hour count. It includes progress tracking.

   

2.  **Stepper Component**: A versatile stepper component that allows users to navigate through a series of steps. It includes progress tracking and dynamic step completion indicators.

3. **Card Component**: A reusable card component for displaying user data fetched from an API. It includes features like image display, name, gender, and contact information.

4. **Footer Component**: A simple footer component created using Tailwind CSS, providing a basic layout for website footers.

5. **Like Button Component**: This React component integrates a like button feature with an API backend. With a 50% failure chance, it gracefully handles errors to ensure smooth user experience.

### Purpose

The purpose of this repository is to showcase my skills and understanding of React development. I've built these components to reinforce my knowledge of React concepts such as state management, component composition, and data fetching.

### How to Use

Each component is contained within its own directory and includes a README.md file with instructions on how to use it in your own projects. Simply clone the repository and follow the setup instructions provided in each component's README.

### Contributions

Contributions are welcome! If you have any suggestions for improvements, bug fixes, or new components to add, feel free to open an issue or submit a pull request.