Koree Kulture ECommerce Website

Lessons

1. Introduction
2. Install Tools
3. Create Next App
4. Publish to Github
5. Create Website Layout
6. create layout component
7. add header
8. add main section
9. add footer
10. add tailwind classes
11. List Products
12. add data.js
13. add images
14. render products
15. Create Product Details
16. create product page
17. create 3 columns
18. show image in first column
19. show product info in second column
20. show add to cart action on third column
21. add styles
22. Handle Add To Cart
23. define react context
24. define cart items state
25. create addd to cart action
26. add reducer
27. create store provider
28. handle add to cart button
29. Create Cart Page
30. create cart.js
31. use context to get cart items
32. list items in cart items
33. redirect to cart screen after add to cart
34. Update Quantity In The Cart
35. add select box for quantity
36. handle select box change
37. Save Cart Items
38. install js-cookie package
39. save and retreive cart items in cookies
40. Create Login Form
41. install react hook form
42. create input boxes
43. add login button
44. Connect To MongoDB
45. install mongoose
46. install mongodb or use mongodb atlas
47. save connection url in .env file
48. create db utils file
49. create sample users
50. Create Login API
51. install next-auth
52. create nextauth.js
53. implement signin
54. use signin in login form
55. Add User Menu
56. check user authentication
57. install headlessui
58. show user menu
59. Create Shipping Screen
60. display address fields
61. save address in context
62. Create Payment Method Screen
63. display payment methods
64. save payment method in context
65. Seed sample products
66. insert sample products to mongodb
67. load products from db in home and product screen
68. check product count in stock in add to cart
69. Load Products MongoDB
70. load products in home page from mongodb
71. load products in product page from mongodb
72. use product api to check count in stock in add to cart
73. Create Place Order Screen
74. display shipping address
75. display payment method
76. display order items
77. implement create order
78. Create Order Screen
79. implement backend api for order details
80. load order data from backend
81. display order details
82. Create Register Screen
83. add signup api
84. create register page
85. call api on form submit
86. Pay Order By PayPal
87. add paypal button
88. handle payment
89. create backend api
90. update order state