Giter Site home page Giter Site logo

murali0101 / rm_search Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 695 KB

This is Rick and Morty Autocomplete Search Assignment with some functionalities like Search Bar with Debouncing Functionality , Pagination With Infinite Scroll & Throttling Functionality And React Components With Lazy Loading.

Home Page: https://rick-morty-autocomplete-search.netlify.app/

HTML 11.24% JavaScript 88.76%
chakra-ui css3 html javascript react react-lazy react-lazyload react-redux redux redux-thunk

rm_search's Introduction

Rick and Morty Autocomplete Search

It's a web application with some functionalities


reactjs redux chakra-ui css3


View DemoReport BugGetting StartedInstallingAuthor

Rick and Morty Autocomplete Search is an web application that allows you to Search Rick ,Morty and other humans.

rm


Screens ( All screens are responsive )

  • Homepage
rm-r1 rm-r2
rm-r3 rm-r4

🚀 Features

  • Search Bar With Debouncing Functionality
  • Pagination With Infinite Scroll And Throttling Functionality
  • React Components With Lazy Loading

🚀 Network

rm_network


Glimpses of rm-Search 🙈 :

home DetailsUserCard
Search DataNotFound
You Reached The End Page Loading

Demo


Getting Started

This project was built using React v 18.2.0, Redux v 4.2.0, Chakra UI, CSS, JavaScript and HTML. It is web application and for running on your local environment you should follow these guidelines.

Prerequisites

  • React
  • Redux

Setup

The project repository can be found in rm_search GitHub link or just clone the project using this command.

Using HTTPS

# git clone https://github.com/murali0101/rm_search.git


  • Open terminal on your workspace with
cd /home/workspace/rm_search

Install

Install React (npx create-react-app rm_search)

To install all the dependences of the project, run the following command:

cd rm_search

npm install



To run the application got to the client folder and run the following command:

npm start



### Tools used on this project

- Visual Studio Code
- create-react-app template

rm_search's People

Contributors

murali0101 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.