https://github.com/full-stack-web-developer-and-designer/react-interfaces

React application with interfaces for add, delete and search data sort by pet name, owner name, date and ascending or descending order.
https://github.com/full-stack-web-developer-and-designer/react-interfaces

mirnesglamocic react react-components react-hooks react-interface reactjs tailwindcss

Last synced: 7 days ago
JSON representation

React application with interfaces for add, delete and search data sort by pet name, owner name, date and ascending or descending order.

• Host: GitHub
• URL: https://github.com/full-stack-web-developer-and-designer/react-interfaces
• Owner: Full-Stack-Web-Developer-and-Designer
• License: mit
• Created: 2021-11-18T22:48:43.000Z (about 3 years ago)
• Default Branch: master
• Last Pushed: 2021-11-19T10:10:57.000Z (about 3 years ago)
• Last Synced: 2023-10-31T04:30:42.111Z (about 1 year ago)
• Topics: mirnesglamocic, react, react-components, react-hooks, react-interface, reactjs, tailwindcss
• Language: JavaScript
• Homepage:
• Size: 405 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# React-interfaces

This repository contain react application with interfaces. 

## Prerequisites

You must have [node](https://nodejs.org/en/) and [git](https://git-scm.com/) install.

After it, for doing everything properly you need to create react app. following these [instructions](https://tailwindcss.com/docs/guides/create-react-app). Also there is instructions how to install tailwind css. After it you can download or clone this my repository and copy these files into your project directory. 

So, in the project directory, you can run:

### `npm start`

Runs the app in the development mode.\

Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

### How do you know if everything working properly?

If everything working properly you will see react application for add, search and delete appointments. Also with JavaScript function you have option for sort it by owner name, pet name, date, ascending or descending order. Regarding to your search you will see all appointments with react icon of the trash on the left. If you click on it this appointment will be deleted. 

However, if you want to add some appointment, bellow title for your appointments you have title Add appointment. If you click on it, it will be open form for insert data for owner name, pet name, apt. date, apt. time and appointment notes. After click on the submit button, this appointment will be present in appointment list.