https://github.com/zahidrahimoon/react-mini-projects

react projects for practicing fundamentals
https://github.com/zahidrahimoon/react-mini-projects

card counter css3 projects reactjs tailwindcss webdevelopment

Last synced: 7 days ago
JSON representation

react projects for practicing fundamentals

• Host: GitHub
• URL: https://github.com/zahidrahimoon/react-mini-projects
• Owner: zahidrahimoon
• Created: 2024-03-18T20:56:19.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2024-04-07T18:41:19.000Z (7 months ago)
• Last Synced: 2024-04-08T12:23:58.806Z (7 months ago)
• Topics: card, counter, css3, projects, reactjs, tailwindcss, webdevelopment
• Homepage:
• Size: 229 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# React Mini Projects

A collection of small React projects to demonstrate various concepts and features.

## Projects

### Counter App

Description: A simple counter app with increment and decrement functionality between 0 to 100.

Code: [Simple Counter App](../../tree/Counter)

### Model Data Card

Description: The Model Data Card component is a reusable card that displays a title, description, and image. It is built using React, Tailwind CSS, and props to pass data to each instance...

Code: [Simple Cards](../../tree/Card)

### SecretForge

Description: This is a simple password generator that generates random passwords. The user can specify the length of the password and whether it should include numbers and/or special characters...

Code: [Simple password generator](../../tree/Password-Generator)

### Chromatic Switch

Description: A simple React app that allows you to change the background color by clicking on buttons.

Code: [Simple color changer](../../tree/Colorchanger)

### Random User Card Component

Description: This React component (`Card.js`) fetches random user data from the [Random User API](https://randomuser.me/) and displays it in a card format.

Code: [Simple Profile changer Component through Api](../../tree/Profile-Api)

### Dictionary Api

Description : This react project is simpw is build by reactjs and css with random dictionary api

Code: [Simple color changer](../../tree/DictionaryApi)

### React Todo App with Local Storage

This is a simple Todo application built with React and styled with Tailwind CSS. It allows users to add, remove, and mark todos as completed. The app uses local storage to persist the todos, so they remain even after the page is refreshed.

Code: [Simple todo app](../../tree/TODOAPP)