https://github.com/nkaleth/searching_page

Building search webpage with ReactJS
https://github.com/nkaleth/searching_page

Last synced: 3 months ago
JSON representation

Building search webpage with ReactJS

• Host: GitHub
• URL: https://github.com/nkaleth/searching_page
• Owner: Nkaleth
• Created: 2023-09-06T16:47:00.000Z (almost 2 years ago)
• Default Branch: dev
• Last Pushed: 2023-09-10T04:02:59.000Z (over 1 year ago)
• Last Synced: 2025-01-25T05:34:31.080Z (5 months ago)
• Language: JavaScript
• Homepage: https://ns-search-page.netlify.app/
• Size: 211 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        




  
Search Web | Torre



# 📗 Table of Contents

- [📖 About the Project](#about-project)

  - [🛠 Built With](#built-with)

    - [Tech Stack](#tech-stack)

    - [Key Features](#key-features)  

- [💻 Getting Started](#getting-started)

  - [Setup](#setup)

  - [Prerequisites](#prerequisites)

  - [Install](#install)

  - [Usage](#usage)

  - [Run tests](#run-tests)

  - [Deployment](#triangular_flag_on_post-deployment)

- [👥 Authors](#authors)

- [🔭 Future Features](#future-features)

- [🤝 Contributing](#contributing)

- [⭐️ Show your support](#support)

- [🙏 Acknowledgements](#acknowledgements)

- [❓ FAQ](#faq)

- [📝 License](#license)

# 📖 Search Web | Torre 

> This is a web page built with React, Redux Toolkit. Users are able to search users by name and favorite them.

## 🛠 Built With 

### Tech Stack 

  Client

    


    
React

    
Redux

  


### Key Features 

- **Show up to 10 results**

- **User is redirected to the  genome of the individual clicked that appears on search**

- **Icon Button (Star) to favorite an individual and pass to favorite's section**

(back to top)


## 💻 Getting Started 

To get a local copy up and running follow these simple example steps.

### Setup

Clone these repositories to your desired folder:

`

git clone https://github.com/Nkaleth/searching_page.git

`

`

cd searching_page

`

## Install

Install this project with:

`

npm i

`

Run this project with:

`

npm run dev

`

`

(back to top)


## 👥 Authors 

👤 **Nilton Segura**

- GitHub: [@Nkaleth](https://github.com/Nkaleth)

- Twitter: [@NoeSeguraL](https://twitter.com/NoeSeguraL)

- LinkedIn: [LinkedIn](https://www.linkedin.com/in/niltonsegura/)

(back to top)


## 🔭 Future Features 

- [ ] **Implement Mobile version**

- [ ] **Data preservation.**

- [ ] **Improve styling with animations and transitions.**

- [ ] **Feature to allow users unfavorite users from the Favorites page.**

- [ ] **When clicking on the search bar display a list of the 10 most recent search queries**

(back to top)


## 🤝 Contributing 

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](https://github.com/Nkaleth/searching_page.git).

(back to top)


## ⭐️ Show your support 

If you like this project please give it a star 😁🌟✨

(back to top)


## 🙏 Acknowledgments 

Thanks to [Torre.ai](https://torre.ai) recruitment department for the challenge.

(back to top)