HossamCj/wiki-search-react-app

Simple wiki search app, practicing on using [useEffect, useState, useRef ]

Simple Wiki Search App

A simple React app that allows you to search for articles on Wikipedia and display the results.

Table of Contents

• Introduction
• Features
• Demo
• Installation
• Usage
• Technologies Used
• Contributing

Introduction

The Simple Wiki Search App is a small project aimed at practicing the use of React's core concepts like useState, useRef, and useEffect, while also exploring the customization of hooks. The app fetches articles from Wikipedia's API based on user input and displays the search results.

Features

• Real-time search as you type.
• Display of relevant search results from Wikipedia.
• Clickable links to view full articles.

Demo

https://simple-cardlist-add-filter-react-app.netlify.app

Installation

1. Clone the repository:

   git clone https://github.com/your-username/simple-wiki-search.git

2. Navigate to the project directory:

   cd simple-wiki-search
   

3. Install dependencies:

   npm install
   

Usage

1. Start the development server:

   npm start
   

2. Open your web browser and go to http://localhost:3000 to access the app.

3. Type your search query in the input field to see real-time search results.

4. Click on a result to view the full article on Wikipedia.

Technologies Used

• React
• HTML5
• CSS3

Contributing

Contributions are welcome! If you find any issues or have suggestions for improvements, feel free to submit a pull request or open an issue in the repository.