ReactJS Simple Projects - In this repository, I am adding simple reactjs projects which are listed below

1.  Weather App - This integrates weather API's & manipulates & displays the data on UI
2.  Currency Converter - A simple Currency Converter that allows you to convert dollars to rupees and vice versa.
3.  Pagination - This implements client side pagination on API integration
4.  Auto-Start Timer - A minimalistic timer application built to automatically start timing when the program runs. Stop and reset functionalities are provided for user convenience.
5.  Todo List - A simple and intuitive Todo App built with React JS, featuring powerful functionality for managing your tasks. This application allows you to seamlessly add, delete, and search for todos.

---

---

Weather-Application

Snapshots -

---

Client-side Pagination

Snapshots -

---

Auto-Start Timer

Features

1. Auto-Start: The timer begins counting automatically upon running the program.
2. Stop Timer: Pause the timer whenever needed.
3. Reset Timer: Set the timer back to zero with a simple reset option.

Usage

1. Run the program.
2. The timer will automatically start counting.
3. Use the "Stop" button to pause the timer.
4. Hit "Reset" to set the timer back to zero.

Technologies Used

1. ReactJS
2. TailwindCSS
3. Javascript

Snapshots -

---

Currency Converter Features

1. Dollar to Rupees: Convert dollars to Indian Rupees at the latest exchange rate.
2. Rupees to Dollar: Convert Indian Rupees to dollars with real-time exchange rates

How to Use

1. Enter the amount in dollars or rupees you want to convert.
2. Select the desired conversion direction (Dollar to Rupees or Rupees to Dollar).
3. Click the "Convert" button to get the converted amount.

Technologies Used

1. ReactJS
2. TailwindCSS
3. JavaScript

Snapshots -

---

React Todo App

A simple and intuitive Todo App built with React JS, featuring powerful functionality for managing your tasks. This application allows you to seamlessly add, delete, and search for todos.

Features -

1. Add Todo: Easily add new tasks to your todo list using the input field.
2. Delete Todo: Remove unwanted tasks with a click of a button.
3. Search Todos: Effortlessly find specific todos using the search functionality.
4. Responsive Design: Enjoy a seamless experience across various devices.

Getting Started Follow these steps to run the app locally:

1. Clone the repository: git clone https://github.com/your-username/react-todo-app.git
2. Navigate to the project directory: cd react-todo-app
3. Install dependencies: npm install
4. Start the development server: npm start
5. Visit http://localhost:3000 to view the app in your browser.

Technologies Used

1. React JS
2. HTML5
3. TailwindCSS
4. JavaScript

Screenshots -