Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Stocks selection. #13

Open
wants to merge 44 commits into
base: ecom_color_cart_v22
Choose a base branch
from
Open
Changes from all commits
Commits
Show all changes
44 commits
Select commit Hold shift + click to select a range
1132f35
Update README.md
thapatechnical Sep 22, 2022
21ade2e
Update README.md
thapatechnical Sep 26, 2022
2cbd8e5
Update README.md
thapatechnical Sep 26, 2022
1312e11
Update README.md
thapatechnical Sep 26, 2022
584a023
Update README.md
thapatechnical Sep 26, 2022
60272c3
Update README.md
thapatechnical Sep 26, 2022
4586455
Update README.md
thapatechnical Sep 26, 2022
60e9a90
Update README.md
thapatechnical Sep 26, 2022
0833371
Update README.md
thapatechnical Sep 26, 2022
0432ed2
Update README.md
thapatechnical Sep 26, 2022
32866c2
Update README.md
thapatechnical Sep 26, 2022
438a185
Update README.md
thapatechnical Sep 26, 2022
6d0170b
Update README.md
thapatechnical Sep 26, 2022
6fb19f6
Update README.md
thapatechnical Sep 26, 2022
877b4ed
Update README.md
thapatechnical Sep 27, 2022
dae036e
Update README.md
thapatechnical Sep 29, 2022
a46ef2c
Update README.md
thapatechnical Sep 30, 2022
62248b9
Update README.md
thapatechnical Oct 1, 2022
86f8fc5
Update README.md
thapatechnical Oct 2, 2022
25e3f75
Update README.md
thapatechnical Oct 4, 2022
cbbc598
Update README.md
thapatechnical Oct 5, 2022
70eb336
Update README.md
thapatechnical Oct 6, 2022
6aa684e
Update README.md
thapatechnical Oct 7, 2022
eda0b55
Update README.md
thapatechnical Oct 8, 2022
b5b81c5
Update README.md
thapatechnical Oct 10, 2022
2dad9a2
Update README.md
thapatechnical Oct 10, 2022
ea67aa7
Update README.md
thapatechnical Oct 11, 2022
fdea2ea
Update README.md
thapatechnical Oct 13, 2022
f5db2df
Update README.md
thapatechnical Oct 15, 2022
490f080
Update README.md
thapatechnical Oct 15, 2022
80a2dc9
Update README.md
thapatechnical Oct 17, 2022
7a762f9
Update README.md
thapatechnical Oct 20, 2022
b6b631f
Update README.md
thapatechnical Oct 25, 2022
557a0ed
Update README.md
thapatechnical Oct 29, 2022
ad4d6b7
Update README.md
thapatechnical Oct 29, 2022
13ccddb
Update README.md
thapatechnical Nov 1, 2022
1313b5a
Update README.md
thapatechnical Nov 5, 2022
4bbdb6c
Update README.md
thapatechnical Nov 5, 2022
7cc6eff
Update README.md
thapatechnical Nov 8, 2022
a401baa
Update README.md
thapatechnical Nov 11, 2022
cd71336
Update README.md
thapatechnical Nov 14, 2022
375492c
Update README.md
thapatechnical Nov 15, 2022
caa3968
Update README.md
thapatechnical Nov 16, 2022
5325c4d
Update README.md
thapatechnical Nov 16, 2022
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
97 changes: 51 additions & 46 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,85 +1,90 @@
# Welcome to Thapa Technical React Ecommerce Webstie Series
# Welcome to Thapa Technical React Ecommerce Website Series

## Follow the 3 Steps and your good to go.
## Follow the 3 Steps and you are good to go.

1: Clone the Project

2: simply run the command
### `npm install`
First to install all the packages
2: simply run the command `npm install` - First to install all the packages

3: run the project using
### `npm start`
3: run the project using `npm start`

---
------------

### To get the source code guy's please check the `Switch branches/tags` and select the respective video branch for the source code ok..

### Also I am creating a List of the video with the Link to the respective video code, you can checkout below 👇

------------

- [Main Starter Files of React Ecom Source Code](https://github.com/thapatechnical/thapareactecom/blob/main/README.md)

- [Till Video 6 Source Code - Responsive Navbar](https://github.com/thapatechnical/thapareactecom/tree/react_ecom_navbar_v6)

- [Video 7 Source Code - Hero Section, Home & About Page](https://github.com/thapatechnical/thapareactecom/blob/react_ecom_HomeAboutPage_v7/src/components/HeroSection.js)

- [Video 8 Source Code - Services & Trusted Section](https://github.com/thapatechnical/thapareactecom/tree/service_trusted_sec_v8)

- [Video 9 Source Code - Contact Page with Email](https://github.com/thapatechnical/thapareactecom/tree/ecom_contact_v9)

- [Video 10 Source Code - Footer Component](https://github.com/thapatechnical/thapareactecom/tree/ecom_footer_v10)

- [Video 11 Source Code - 404 Error Page ](https://github.com/thapatechnical/thapareactecom/tree/ecom_errorpage_v11)

- [Video 12 Source Code - Context API ](https://github.com/thapatechnical/thapareactecom/tree/ecom_productContext_v12)

- [Video 13 Source Code - Fech API data with Axios ](https://github.com/thapatechnical/thapareactecom/tree/ecom_apiAxious_v13)

- [Video 14 Source Code - useReducer Hook for State mang. ](https://github.com/thapatechnical/thapareactecom/tree/ecom_productReducer_v14)

- [Video 15 Source Code - Feature Section Of Home Page ](https://github.com/thapatechnical/thapareactecom/tree/ecom_featureSec_v15)

# Getting Started with Create React App
- [Video 16 Source Code - Format Price Indian Currency ](https://github.com/thapatechnical/thapareactecom/tree/ecom_formatPrice_v16)

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
- [Video 17th & 18th Source Code - Single Product Page with API ](https://github.com/thapatechnical/thapareactecom/tree/ecom_singleProduct_Context_v17)

## Available Scripts
- [Video 19 Source Code - Page Navigation & UI Part ](https://github.com/thapatechnical/thapareactecom/tree/ecom_pagenavigation_v19)

In the project directory, you can run:
- [Video 20 Source Code - Dynmaic Image Filter Section ](https://github.com/thapatechnical/thapareactecom/tree/ecom_dynamicImage_v20)

### `npm start`
- [Video 21 Source Code - Star Ratings & Reviews Section ](https://github.com/thapatechnical/thapareactecom/tree/ecom_starratings_v21)

Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
- [Video 22 Source Code - Dynamic Color Section ](https://github.com/thapatechnical/thapareactecom/tree/ecom_color_cart_v22)

The page will reload when you make changes.\
You may also see any lint errors in the console.
- [Video 23 Source Code - Product Quantity Section ](https://github.com/thapatechnical/thapareactecom/tree/ecom_color_cart_v22)

### `npm test`
- [Video 24 & 25 Source Code - Products Page Conext Setup ](https://github.com/thapatechnical/thapareactecom/tree/ecom_gridlist_v26)

Launches the test runner in the interactive watch mode.\
See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
- [Video 26, 27 & 28 Source Code - Products Page Sorting ](https://github.com/thapatechnical/thapareactecom/tree/ecom_sorting_dropdown)

### `npm run build`
- [Video 29, 30, 31 & 32 Source Code - Products Page Sorting completed ](https://github.com/thapatechnical/thapareactecom/tree/ecom_sorting_simplified_v32)

Builds the app for production to the `build` folder.\
It correctly bundles React in production mode and optimizes the build for the best performance.
- [Video 33, 34, 35, 36 & 37 Source Code - Products Page Filters Till Colors ](https://github.com/thapatechnical/thapareactecom/tree/ecom_colorsfilter_v37)

The build is minified and the filenames include the hashes.\
Your app is ready to be deployed!
- [Video 38, 39, & 40 Source Code - Products Page colors filter done ](https://github.com/thapatechnical/thapareactecom/tree/ecom_colorsAll_v40)

See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
- [Video 41, 42, & 43 Source Code - Product Filter completed ](https://github.com/thapatechnical/thapareactecom/tree/ecom_cart_remove_v47)

### `npm run eject`
- [Video 44 & 45 Source Code - Cart Context & Reducer ](https://github.com/thapatechnical/thapareactecom/tree/ecom_cart_remove_v47)

**Note: this is a one-way operation. Once you `eject`, you can't go back!**
- [Video 46 & 47 Source Code - Cart Table & Remove Btn ](https://github.com/thapatechnical/thapareactecom/tree/ecom_cart_remove_v47)

If you aren't satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.
- [Video 48, 49 & 50 Source Code - Till clear Cart Button ](https://github.com/thapatechnical/thapareactecom/tree/ecom_addtocart_clear_v49)

Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you're on your own.
- [Video 51, 52 & 53 Source Code - Add to Cart done ](https://github.com/thapatechnical/thapareactecom/tree/ecom_cart_final_v53)

You don't have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn't feel obligated to use this feature. However we understand that this tool wouldn't be useful if you couldn't customize it when you are ready for it.
- [Video 53, 54 & 55 Source Code - Complete Ecom Website Frontend done ](https://github.com/thapatechnical/thapareactecom/tree/ecom_frontendDone_v55)

## Learn More

You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).

To learn React, check out the [React documentation](https://reactjs.org/).

### Code Splitting

This section has moved here: [https://facebook.github.io/create-react-app/docs/code-splitting](https://facebook.github.io/create-react-app/docs/code-splitting)

### Analyzing the Bundle Size

This section has moved here: [https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size](https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size)

### Making a Progressive Web App

This section has moved here: [https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app](https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app)

### Advanced Configuration

This section has moved here: [https://facebook.github.io/create-react-app/docs/advanced-configuration](https://facebook.github.io/create-react-app/docs/advanced-configuration)

### Deployment

This section has moved here: [https://facebook.github.io/create-react-app/docs/deployment](https://facebook.github.io/create-react-app/docs/deployment)

### `npm run build` fails to minify

This section has moved here: [https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify](https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify)