GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → aman-atg → React Product Card

aman-atg / React Product Card

Licence: mit
Animated Product Card with the help of React and SCSS (PWA)

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

reactanimationscsspwaresponsiveprogressive-web-appcardoffline-firstproduct

Projects that are alternatives of or similar to React Product Card

quiz-app
🏆 QuizApp is a free and open-source quiz application that lets you play fully customized quizzes right in the browser.
Stars: ✭ 97 (-16.38%)
Mutual labels:  pwa, progressive-web-app, offline-first
Pwa Boilerplate
✨ PWA Boilerplate is highly scalable and is designed to help you kick-start your next project 🔭.
Stars: ✭ 82 (-29.31%)
Mutual labels:  scss, pwa, progressive-web-app
ambianic-ui
PWA for managing Ambianic Edge devices (smart cameras).
Stars: ✭ 32 (-72.41%)
Mutual labels:  pwa, progressive-web-app, offline-first
Ember Service Worker
A pluggable approach to Service Workers for Ember.js
Stars: ✭ 227 (+95.69%)
Mutual labels:  offline-first, pwa, progressive-web-app
Cirrus
☁️ The CSS framework for the modern web.
Stars: ✭ 716 (+517.24%)
Mutual labels:  card, scss, responsive
Jfa Pwa Toolkit
⚡️ PWA Features to Any Website (very Fast & Easy)
Stars: ✭ 245 (+111.21%)
Mutual labels:  offline-first, pwa, progressive-web-app
Ios Pwa Wrapper
An iOS Wrapper application to create a native iOS App from an offline-capable Progressive Web App.
Stars: ✭ 268 (+131.03%)
Mutual labels:  offline-first, pwa, progressive-web-app
Android Pwa Wrapper
Android Wrapper to create native Android Apps from offline-capable Progressive Web Apps
Stars: ✭ 265 (+128.45%)
Mutual labels:  offline-first, pwa, progressive-web-app
Upup
✈️ Easily create sites that work offline as well as online
Stars: ✭ 4,777 (+4018.1%)
Mutual labels:  offline-first, pwa, progressive-web-app
Offline Plugin
Offline plugin (ServiceWorker, AppCache) for webpack (https://webpack.js.org/)
Stars: ✭ 4,444 (+3731.03%)
Mutual labels:  offline-first, pwa, progressive-web-app
React Most Wanted
React starter kit with "Most Wanted" application features
Stars: ✭ 1,867 (+1509.48%)
Mutual labels:  pwa, responsive, progressive-web-app
Tris Webpack Boilerplate
A Webpack boilerplate for static websites that has all the necessary modern tools and optimizations built-in. Score a perfect 10/10 on performance.
Stars: ✭ 1,016 (+775.86%)
Mutual labels:  offline-first, scss, pwa
Monitaure
🔔 A server uptime monitoring progressive web application - NO LONGER MAINTAINED
Stars: ✭ 135 (+16.38%)
Mutual labels:  offline-first, pwa, progressive-web-app
jekyll-pwa-workbox
A Jekyll plugin using Workbox to make your PWA / Website available offline.
Stars: ✭ 22 (-81.03%)
Mutual labels:  pwa, progressive-web-app, offline-first
Ngx Responsive
Superset of RESPONSIVE DIRECTIVES to show or hide items according to the size of the device screen and another features in Angular 9
Stars: ✭ 300 (+158.62%)
Mutual labels:  pwa, responsive, progressive-web-app
Hellobooks
A Single-Page Library Management App built with nodejs, express and react and redux
Stars: ✭ 37 (-68.1%)
Mutual labels:  offline-first, pwa, progressive-web-app
Beer
The source code for the Progressive Beer app!
Stars: ✭ 73 (-37.07%)
Mutual labels:  offline-first, pwa, progressive-web-app
Colors App
🎨 A PWA for copying values from popular color palettes. Supports HEX, RGB, and HSL formats.
Stars: ✭ 90 (-22.41%)
Mutual labels:  pwa, progressive-web-app
Stencil
A toolchain for building scalable, enterprise-ready component systems on top of TypeScript and Web Component standards. Stencil components can be distributed natively to React, Angular, Vue, and traditional web developers from a single, framework-agnostic codebase.
Stars: ✭ 9,880 (+8417.24%)
Mutual labels:  pwa, progressive-web-app
Rowing Monitor
The Rowing Monitor is a Progressive Web App that uses Web Bluetooth to connect to a PM5 Monitor and track exercises.
Stars: ✭ 94 (-18.97%)
Mutual labels:  pwa, progressive-web-app
View All Similar Projects ➔

React Product Card

Animated Product Card with the help of React and SCSS (Highly Responsive)

  • Go Test Here : Site
  • After 1st visit you can turn off your data conn. and reload the page it should work just fine.

preview

Prerequisites

  • A modern web browser like Brave , Chrome , Firefox etc
  • Node

Getting Started

1. Fork this repository 🍴

2. Clone your forked repository to your local system 👥

git clone https://github.com/<your-username>/react-product-card.git

Or Download and extract the zip file.

Running

  1. Install NPM packages
npm install
  1. Run
npm start
  1. Open your browser and go to http://127.0.0.1:3000 or https://localhost:3000

Built With

  • ReactJs - A JavaScript library for building user interfaces
  • SCSS - CSS with superpowers

Authors

License

This project is licensed under the MIT License - see the LICENSE.md file for details

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].