Giter VIP home page Giter VIP logo

filter-customers-api's Introduction

README

The application uses Ruby version 2.3.3p222 & Rails version 5.1.6. To get started, first setup the database by running rake db:migrate and rake db:seed commands to populate the database with approproate tables and customer data.

You can then run the "rails server -p 3001" command to run the server on port 3001. I have used a different port than default one here since we will be running the frontend npm server on port 3000.

Once you have the server running you can run the frontend server using "npm start" command which will then display the unfiltered list of customers on the page along with a textarea to search for any text. You can filter down the customer list based on the text you enter in the textarea. You will receive a empty list if there are no records matching the text.

You also have a dropdown that uniquely lists the companies available in the database, set to "All" by default. You can filter the records based on any specific company and you will get back a list of customers associated with that company. You can combine this with the text search to find a customer in a particular company with certain firstname/lastname.

You can share the link/url created by the searches to send it with anyone. There is a "Share the link" button that gives you the link to share with added filters as necessary. You can simple copy it over and share.

Finally you can run the test suites to make sure you haven't broken any functionality as you keep adding further changes to you app. Running the command "rails test" would run the controller intergration tests.

filter-customers-api's People

Contributors

aditilonhari avatar

Watchers

 avatar  avatar

filter-customers-api's Issues

Create Customer model

Create a model to hold customer details such as firstname, lastname, company id, etc.
To begin with lets start with only the name details and we can add the company id column once we create a separate model for Company.

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.