Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/alireza-mh/card-component-responsive
Responsive React card component written with hooks. use cases: Hotel, Boat, Car.
https://github.com/alireza-mh/card-component-responsive
card-component hooks react
Last synced: about 5 hours ago
JSON representation
Responsive React card component written with hooks. use cases: Hotel, Boat, Car.
- Host: GitHub
- URL: https://github.com/alireza-mh/card-component-responsive
- Owner: alireza-mh
- Created: 2020-02-02T18:08:27.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2024-04-25T19:46:46.000Z (7 months ago)
- Last Synced: 2024-04-25T20:48:10.130Z (7 months ago)
- Topics: card-component, hooks, react
- Language: JavaScript
- Homepage:
- Size: 3.56 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# FrontEnd Card
Project has been made with [this](https://github.com/zerob4wl/sample-react-redux-typescript) boilerplate which developed by me and my friend.
I used yarn that's a reason for existing `yarn.lock` but it also should work with `npm` sorry for the inconvenience.
I also used less for styling.
You can see [Demo](https://alireza-mh.github.io/card-component-responsive) here.
```
├── src
├── components // all component should be here
│ │ └── BoatCard
│ │ ├── BoatCardDetail
│ │ │ ├── index.tsx
│ │ │ ├── mockData.ts
│ │ │ └── style.less
│ │ ├── BoatCardImage
│ │ │ ├── index.tsx
│ │ │ └── style.less
│ │ ├── index.tsx
│ │ └── style.less
│ │
│ ├── containers // app container for presentation
│ │ ├── DemoAssets
│ │ │ └── boat-image.jpg
│ │ ├── app.tsx
│ │ └── style.less
│ ├── index.html
│ ├── index.tsx
│ ├── registerServiceWorker.ts
│ └── theme
│ ├── colors.less // theme colors
│ ├── main.less // main styles and import variables
│ └── typography.less
├── tsconfig.json
├── tslint.json
├── README.md
├── declaration.d.ts
├── package.json
├── webpack.config.js
└── yarn.lock
```
#### start dev server
`npm start`
or
`yarn start`
#### build project
`npm run build`
or
`yarn start`
#### build and serve
`npm run build-and-serve`
or
`yarn build-and-serve`