https://github.com/taiseen/grocery-store-react
https://github.com/taiseen/grocery-store-react
jsx netlify-deployment react responsive-design sass swiper-slider toggle-buttons
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/taiseen/grocery-store-react
- Owner: taiseen
- Created: 2022-03-07T22:40:05.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2022-03-08T14:20:39.000Z (about 4 years ago)
- Last Synced: 2025-01-12T18:51:25.259Z (over 1 year ago)
- Topics: jsx, netlify-deployment, react, responsive-design, sass, swiper-slider, toggle-buttons
- Language: JavaScript
- Homepage: https://grocery-store-react-site.netlify.app
- Size: 2.13 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
7 Mar 2022
# Grocery Store - React | [Live Link](https://grocery-store-react-site.netlify.app)
## Using Tools & Language
* React
* SASS
* Swiper Slider
* CDN - [Font-awesome](https://cdnjs.com/libraries/font-awesome) ( v-6.0.0 ) - CSS (icons)
## Package Installed
+ yarn create react-app
+ yarn add sass
+ yarn add swiper
## Run + Deploy
+ yarn start
+ yarn build
```
What did I learn, while building this project?
What challenges did I face & How did I overcome them?
```
## Learning Context Or Features Have :-
- SASS ==> nesting , @mixing + @include, _partial + @import
- Toggle Menu Button
- File Architecture
- Raw Data Exporting to JSX
- Responsiveness
- React - (Yarn) - Swiper Slider
- Customize Swiper Slider
## Challenges overcome by getting help form :-
1. Google Search | Blogs
2. StackOverFlow
3. Git Discussion Issues
3. Chrome Developer Tools
4. My Past Experiences
Inspire by learning from[.](https://youtu.be/lCCN_lkl3Xw)
