30 React Projects Learn React JS by Building 30 Web Apps | 533AA610137E3BEA239D9BC321C08CF6C6C37BD6

30 React Projects Learn React JS by Building 30 Web Apps

Name	30 React Projects Learn React JS by Building 30 Web Apps	DOWNLOAD Copy Link Trouble downloading? see How To
Total Size	6.5 GB
Total Files	402
Last Seen
Hash	533AA610137E3BEA239D9BC321C08CF6C6C37BD6

/25 - P22Cardgameui/
127 - Create Units Card Component.mp4	209.3 MB
1 - Introduction/
1 - Introduction.mp4	39.4 MB
2 - How to get the most out of this course.html	1.5 KB
3 - App.css	18.2 KB
3 - Course Resources and Useful Links.html	2.0 KB
1 - Introduction English.srt	4.0 KB
2 - Optional Env Setup React Crash Course inkl Project/
4 - Setting up the React Development Env English.srt	11.7 KB
4 - Setting up the React Development Env.mp4	48.9 MB
5 - Nodejs and npm resources.html	0.3 KB
6 - React Crash Course.html	0.4 KB
6 - src.zip	97.3 KB
3 - P01 EsignatureApp/
7 - Project overview English.srt	2.0 KB
7 - Project overview.mp4	2.0 MB
8 - Create Title component and general styling in React English.srt	15.9 KB
8 - Create Title component and general styling in React.mp4	64.8 MB
9 - Learn how useState works and manipulate name and date English.srt	10.3 KB
9 - Learn how useState works and manipulate name and date.mp4	74.6 MB
10 - 01-e-signature-app.zip	1.1 KB
10 - Finished project files.html	0.3 KB
4 - P02Randomizecolors/
11 - Project overview English.srt	1.5 KB
11 - Project overview.mp4	1.6 MB
12 - Using events and functions English.srt	19.5 KB
12 - Using events and functions.mp4	90.8 MB
13 - 02-randomize-colors.zip	0.9 KB
13 - Finished project files.html	0.3 KB
5 - P03Like my photo/
14 - Project overview English.srt	1.1 KB
14 - Project overview.mp4	2.3 MB
15 - Card design English.srt	8.1 KB
15 - Card design.mp4	31.8 MB
16 - Install and use React Icons to the project English.srt	12.1 KB
16 - Install and use React Icons to the project.mp4	110.8 MB
17 - React useState to like on click and double Click English.srt	9.1 KB
17 - React useState to like on click and double Click.mp4	50.2 MB
18 - 03-like-my-photo.zip	1.4 MB
18 - Finished project files.html	0.3 KB
6 - P04 Testimonials/
19 - Project overview English.srt	1.7 KB
19 - Project overview.mp4	4.0 MB
20 - JSON Server.txt	0.0 KB
20 - Resources.html	0.1 KB
21 - Create a React Button components English.srt	12.1 KB
21 - Create a React Button components.mp4	73.9 MB
22 - Get PostUsersComments using React useState and useEffect Hooks English.srt	17.6 KB
22 - Get PostUsersComments using React useState and useEffect Hooks.mp4	89.3 MB
23 - 04-testimonials-app.zip	1.1 KB
23 - Finished project files.html	0.3 KB
7 - P05 Alerts/
24 - Project overview English.srt	2.0 KB
24 - Project overview.mp4	1.5 MB
25 - Create a Alert component English.srt	10.9 KB
25 - Create a Alert component.mp4	78.1 MB
26 - Automatically close alert with delay using time trigger English.srt	4.5 KB
26 - Automatically close alert with delay using time trigger.mp4	16.6 MB
27 - 05-Alerts.zip	0.6 KB
27 - Finished project files.html	0.3 KB
8 - P06Temperaturecontroller/
28 - Project overview English.srt	1.8 KB
28 - Project overview.mp4	1.7 MB
29 - Design the Controller component English.srt	7.5 KB
29 - Design the Controller component.mp4	45.1 MB
30 - Change temperature using the React useState Hook English.srt	5.5 KB
30 - Change temperature using the React useState Hook.mp4	59.2 MB
31 - 06-temperature-controller.zip	0.9 KB
31 - Finished project files.html	0.3 KB
9 - P07Darkmode/
32 - Project overview English.srt	1.7 KB
32 - Project overview.mp4	3.5 MB
33 - Create a Blog component English.srt	10.2 KB
33 - Create a Blog component.mp4	33.4 MB
34 - Dark mode using useContext English.srt	22.3 KB
34 - Dark mode using useContext.mp4	115.4 MB
35 - 07-light-and-dark-mode.zip	2.1 KB
35 - Finished project files.html	0.3 KB
10 - P08Slidetounlock/
36 - Project overview English.srt	0.9 KB
36 - Project overview.mp4	1.3 MB
37 - Create the UI English.srt	13.4 KB
37 - Create the UI.mp4	55.1 MB
38 - Create Lock screen English.srt	7.2 KB
38 - Create Lock screen.mp4	31.3 MB
39 - Creating the Lock screen state English.srt	6.0 KB
39 - Creating the Lock screen state.mp4	29.1 MB
40 - Lock the screen English.srt	4.6 KB
40 - Lock the screen.mp4	20.7 MB
41 - Toggle Lock and Unlock Screen English.srt	7.1 KB
41 - Toggle Lock and Unlock Screen.mp4	22.9 MB
42 - 08-slide-to-unlock.zip	4.0 MB
42 - Finished project files.html	0.3 KB
11 - P09Slider App/
43 - Project overview English.srt	1.1 KB
43 - Project overview.mp4	1.2 MB
44 - Create the Slider Component English.srt	8.9 KB
44 - Create the Slider Component.mp4	33.9 MB
45 - useState hook to manipulate the Circle using the slider Component English.srt	12.3 KB
45 - useState hook to manipulate the Circle using the slider Component.mp4	37.4 MB
46 - 09-sliderApp.zip	1.5 KB
46 - Finished project files.html	0.3 KB
12 - P10Hiddensearchbar/
47 - Project overview English.srt	1.4 KB
47 - Project overview.mp4	1.6 MB
48 - Create the search component and general styling English.srt	13.4 KB
48 - Create the search component and general styling.mp4	85.7 MB
49 - Show search bar English.srt	12.1 KB
49 - Show search bar.mp4	65.1 MB
50 - Auto focus on the input using useRef Hook English.srt	8.2 KB
50 - Auto focus on the input using useRef Hook.mp4	39.2 MB
51 - 10-hidden-search-bar.zip	1.3 KB
51 - Finished project files.html	0.3 KB
13 - P11Magic Popup/
52 - Project overview English.srt	1.8 KB
52 - Project overview.mp4	1.4 MB
53 - Create a Popup component English.srt	14.5 KB
53 - Create a Popup component.mp4	58.1 MB
54 - Trigger a popup and close it English.srt	9.4 KB
54 - Trigger a popup and close it.mp4	33.3 MB
55 - Time Triggered popup English.srt	9.5 KB
55 - Time Triggered popup.mp4	97.8 MB
56 - 11-MagicPopup.zip	0.9 KB
56 - Finished project files.html	0.3 KB
14 - P12 Project Progress tracker/
57 - Project overview English.srt	1.3 KB
57 - Project overview.mp4	1.5 MB
58 - Ui design and input outo focus with useRef and useEffect English.srt	9.3 KB
58 - Ui design and input outo focus with useRef and useEffect.mp4	45.4 MB
59 - Create a Progressbar component English.srt	11.4 KB
59 - Create a Progressbar component.mp4	47.4 MB
60 - Add multiple Progress Bars using map method English.srt	5.9 KB
60 - Add multiple Progress Bars using map method.mp4	30.7 MB
61 - Manipulate each Progress bars data with useState English.srt	5.5 KB
61 - Manipulate each Progress bars data with useState.mp4	26.5 MB
62 - Random Progress Bar data with useEffect English.srt	3.6 KB
62 - Random Progress Bar data with useEffect.mp4	14.5 MB
63 - 12-progress-bars.zip	1.2 KB
63 - Finished project files.html	0.3 KB
15 - P13Dialogbox/
64 - Project overview English.srt	1.5 KB
64 - Project overview.mp4	1.3 MB
65 - Dialog Box component UI design English.srt	10.0 KB
65 - Dialog Box component UI design.mp4	32.7 MB
66 - Hello Dialog Box component English.srt	11.7 KB
66 - Hello Dialog Box component.mp4	50.7 MB
67 - Unsubscribe Dialog Box component English.srt	9.8 KB
67 - Unsubscribe Dialog Box component.mp4	51.0 MB
68 - Bounce animation effect English.srt	8.5 KB
68 - Bounce animation effect.mp4	31.3 MB
69 - 13-dialog-box.zip	1.7 KB
69 - Finished project files.html	0.3 KB
16 - P14Filtercontactsapp/
70 - Project overview English.srt	2.5 KB
70 - Project overview.mp4	21.8 MB
71 - UI design and Autofocus using useRef and useEffect English.srt	6.3 KB
71 - UI design and Autofocus using useRef and useEffect.mp4	33.4 MB
72 - Data.json	178.0 KB
72 - Import data from JSON file English.srt	5.3 KB
72 - Import data from JSON file.mp4	21.2 MB
73 - Create a Contact component English.srt	12.3 KB
73 - Create a Contact component.mp4	82.0 MB
74 - Filer contacts English.srt	5.0 KB
74 - Filer contacts.mp4	56.0 MB
75 - 14-filter-contacts-app.zip	39.8 KB
75 - Finished project files.html	0.3 KB
17 - P15 Simple Form Registration with Validation/
76 - Project overview English.srt	2.6 KB
76 - Project overview.mp4	2.1 MB
77 - Form Ui English.srt	8.7 KB
77 - Form Ui.mp4	33.6 MB
78 - Handle inputs and Registrations English.srt	10.8 KB
78 - Handle inputs and Registrations.mp4	46.8 MB
79 - Input fields individual validation English.srt	5.8 KB
79 - Input fields individual validation.mp4	20.8 MB
80 - Form Submission and Validation English.srt	8.2 KB
80 - Form Submission and Validation.mp4	59.2 MB
81 - 15-reg-form-validation.zip	1.3 KB
81 - Finished project files.html	0.3 KB
18 - P16Notesapp/
82 - Project overview English.srt	2.9 KB
82 - Project overview.mp4	3.8 MB
83 - App UI design English.srt	6.3 KB
83 - App UI design.mp4	21.7 MB
84 - Install and use React Styled Components English.srt	13.6 KB
84 - Install and use React Styled Components.mp4	53.4 MB
85 - Add New Note English.srt	9.1 KB
85 - Add New Note.mp4	49.2 MB
86 - Delete Note English.srt	3.1 KB
86 - Delete Note.mp4	13.3 MB
87 - Create Random Note types English.srt	5.4 KB
87 - Create Random Note types.mp4	24.0 MB
88 - 16-notes-app.zip	1.9 KB
88 - Finished project files.html	0.3 KB
19 - P17 Responsive navigation with hamburger menu on small screens/
89 - Project overview English.srt	1.7 KB
89 - Project overview.mp4	4.6 MB
90 - Create a nav component English.srt	4.8 KB
90 - Create a nav component.mp4	22.7 MB
91 - Create a Nav Item component English.srt	4.2 KB
91 - Create a Nav Item component.mp4	11.8 MB
92 - Style the Nav using React Styled Components English.srt	9.3 KB
92 - Style the Nav using React Styled Components.mp4	38.5 MB
93 - Show and Hide the navbar using React useState and useEffect English.srt	8.4 KB
93 - Show and Hide the navbar using React useState and useEffect.mp4	46.8 MB
94 - Open and Close the Navbar using React useState and useEffec English.srt	6.3 KB
94 - Open and Close the Navbar using React useState and useEffec.mp4	26.2 MB
95 - Show Active nav item and change page title using React useState English.srt	6.9 KB
95 - Show Active nav item and change page title using React useState.mp4	29.0 MB
96 - 17-responsive-nav.zip	2.3 KB
96 - Finished project files.html	0.3 KB
97 - about.jsx	2.0 KB
97 - contact.jsx	0.7 KB
97 - home.jsx	0.7 KB
97 - ResponsiveNav.jsx	3.3 KB
97 - UPDATE Adding pages to navigate to English.srt	18.2 KB
97 - UPDATE Adding pages to navigate to.mp4	151.9 MB
20 - P18Textanimation/
98 - Project overview English.srt	3.3 KB
98 - Project overview.mp4	2.3 MB
99 - Form UI style English.srt	5.8 KB
99 - Form UI style.mp4	20.7 MB
100 - Create a React FormGroup Component English.srt	7.4 KB
100 - Create a React FormGroup Component.mp4	40.2 MB
101 - Working with the form group component English.srt	2.3 KB
101 - Working with the form group component.mp4	10.0 MB
102 - Install and use Animated Text component English.srt	12.0 KB
102 - Install and use Animated Text component.mp4	47.6 MB
103 - Clear and Refocus the input field English.srt	3.2 KB
103 - Clear and Refocus the input field.mp4	12.3 MB
104 - 18-text-animation.zip	1.1 KB
104 - Finished project files.html	0.3 KB
104 - FormGroup.jsx	0.6 KB
21 - P19compoundinterestratecalc/
105 - Project overview English.srt	2.3 KB
105 - Project overview.mp4	2.4 MB
106 - UI Design using FormGroup Components English.srt	10.9 KB
106 - UI Design using FormGroup Components.mp4	41.1 MB
107 - Get values using useState hook English.srt	5.0 KB
107 - Get values using useState hook.mp4	23.0 MB
108 - Create a component to calc the interest English.srt	7.7 KB
108 - Create a component to calc the interest.mp4	47.0 MB
109 - Calc the compounded interest English.srt	5.3 KB
109 - Calc the compounded interest.mp4	31.8 MB
110 - 19-compound-interest-rate-calc.zip	1.8 KB
110 - Finished project files.html	0.3 KB
22 - P20Spacepenguin/
111 - Project overview English.srt	1.7 KB
111 - Project overview.mp4	3.4 MB
112 - Design the Space ENV English.srt	10.1 KB
112 - Design the Space ENV.mp4	62.5 MB
112 - ship.css	0.8 KB
112 - svg.zip	8.5 KB
113 - Space ship component English.srt	5.2 KB
113 - Space ship component.mp4	27.3 MB
114 - Earth and Moon Components English.srt	7.0 KB
114 - Earth and Moon Components.mp4	53.4 MB
115 - Launch and Land the Ship English.srt	7.0 KB
115 - Launch and Land the Ship.mp4	82.0 MB
116 - Change the Spaceship in to a Penguin English.srt	6.9 KB
116 - Change the Spaceship in to a Penguin.mp4	33.3 MB
117 - 20-space-penguin.zip	20.3 KB
117 - Finished project files.html	0.3 KB
24 - P21Taskstracker/
118 - Project overview English.srt	2.0 KB
118 - Project overview.mp4	2.5 MB
119 - Planing the components layout for the UI English.srt	4.1 KB
119 - Planing the components layout for the UI.mp4	18.3 MB
120 - Task tracker style using Styled components English.srt	14.2 KB
120 - Task tracker style using Styled components.mp4	82.1 MB
121 - Input Task Component English.srt	11.3 KB
121 - Input Task Component.mp4	94.3 MB
122 - Create and Add a New Task English.srt	11.2 KB
122 - Create and Add a New Task.mp4	53.3 MB
123 - Complete and Delete Task English.srt	9.6 KB
123 - Complete and Delete Task.mp4	41.8 MB
124 - 21-tasks-tracker.zip	2.9 KB
124 - Finished project files.html	0.3 KB
25 - P22Cardgameui/
125 - Project overview English.srt	1.3 KB
125 - Project overview.mp4	2.6 MB
126 - cardGame.css	0.5 KB
126 - Design the Start Menu English.srt	10.5 KB
126 - Design the Start Menu.mp4	101.5 MB
126 - svg.zip	17.0 KB
127 - Create Units Card Component English.srt	21.9 KB
128 - 22-card-game-ui.zip	32.7 KB
128 - Finished project files.html	0.3 KB
26 - P23Animatedloginform/
129 - Project overview English.srt	1.6 KB
129 - Project overview.mp4	1.7 MB
130 - UI planning and Design using Components English.srt	9.0 KB
130 - UI planning and Design using Components.mp4	59.7 MB
131 - Login Container design using Styled Components English.srt	12.2 KB
131 - Login Container design using Styled Components.mp4	44.5 MB
132 - Animate using Styled Components English.srt	21.6 KB
132 - Animate using Styled Components.mp4	167.8 MB
133 - 23-animated-login-form.zip	1.4 MB
133 - Finished project files.html	0.3 KB
27 - P24phonebook/
134 - Project overview English.srt	2.3 KB
134 - Project overview.mp4	4.0 MB
135 - Phone Book main UI English.srt	5.9 KB
135 - Phone Book main UI.mp4	23.1 MB
136 - Create a Contact React Components English.srt	12.6 KB
136 - Create a Contact React Components.mp4	60.3 MB
137 - Create a Contact List React Components English.srt	7.1 KB
137 - Create a Contact List React Components.mp4	34.5 MB
138 - db.jsx	142.1 KB
138 - Display all contacts from the Contacts Database English.srt	6.9 KB
138 - Display all contacts from the Contacts Database.mp4	55.3 MB
139 - Create the Toggle Search and Filter Contacts Components English.srt	7.4 KB
139 - Create the Toggle Search and Filter Contacts Components.mp4	40.9 MB
140 - Sort Contact AZ and ZA English.srt	5.0 KB
140 - Sort Contact AZ and ZA.mp4	47.1 MB
141 - Search contact English.srt	5.9 KB
141 - Search contact.mp4	27.1 MB
142 - 24-phone-book.zip	38.4 KB
142 - Finished project files.html	0.3 KB
28 - P25Expenses calculator and tracker App/
143 - Project overview English.srt	6.3 KB
143 - Project overview.mp4	14.8 MB
144 - Components Planing English.srt	11.4 KB
144 - Components Planing.mp4	55.3 MB
145 - Create a Expenses Form Component English.srt	9.9 KB
145 - Create a Expenses Form Component.mp4	91.3 MB
146 - Create a Expenses List Component English.srt	6.7 KB
146 - Create a Expenses List Component.mp4	44.0 MB
147 - Create a List Item Component English.srt	14.1 KB
147 - Create a List Item Component.mp4	70.0 MB
148 - Style the budget using Styled components English.srt	7.3 KB
148 - Style the budget using Styled components.mp4	42.9 MB
149 - Add state to all components English.srt	4.1 KB
149 - Add state to all components.mp4	23.7 MB
150 - Add budget using useState useEffect and useRef English.srt	5.2 KB
150 - Add budget using useState useEffect and useRef.mp4	26.2 MB
151 - Save and Load data from Local Storage English.srt	2.5 KB
151 - Save and Load data from Local Storage.mp4	17.7 MB
152 - Handle all input and submission English.srt	5.5 KB
152 - Handle all input and submission.mp4	24.6 MB
153 - Add unique Id English.srt	8.1 KB
153 - Add unique Id.mp4	89.4 MB
154 - Display all expenses English.srt	10.7 KB
154 - Display all expenses.mp4	58.8 MB
155 - Clear local storage and add new expenses English.srt	3.1 KB
155 - Clear local storage and add new expenses.mp4	9.4 MB
156 - Handle Clear all expenses from storage and UI English.srt	3.7 KB
156 - Handle Clear all expenses from storage and UI.mp4	19.1 MB
157 - Handle Delete one expense from storage and UI English.srt	4.6 KB
157 - Handle Delete one expense from storage and UI.mp4	23.5 MB
158 - Handle Edit one expense from storage and UI English.srt	11.2 KB
158 - Handle Edit one expense from storage and UI.mp4	90.8 MB
159 - Calculate the total expenses and economies English.srt	3.9 KB
159 - Calculate the total expenses and economies.mp4	20.0 MB
160 - Add Alerts English.srt	11.9 KB
160 - Add Alerts.mp4	72.5 MB
161 - 25-expenses-calcualtor.zip	6.1 KB
161 - Finished project files.html	0.3 KB
29 - P26mortgagecalculator/
162 - Project overview English.srt	3.0 KB
162 - Project overview.mp4	3.9 MB
163 - Main component and Ui design English.srt	10.7 KB
163 - Main component and Ui design.mp4	54.4 MB
164 - Add State to all components English.srt	6.0 KB
164 - Add State to all components.mp4	30.4 MB
165 - Calculate the Loan Amount English.srt	4.5 KB
165 - Calculate the Loan Amount.mp4	41.8 MB
166 - Calculate monthly payments English.srt	6.0 KB
166 - Calculate monthly payments.mp4	43.6 MB
167 - Display monthly payments and Alerts English.srt	5.3 KB
167 - Display monthly payments and Alerts.mp4	21.9 MB
168 - 26-mortgage-calculator.zip	1.5 KB
168 - Finished project files.html	0.3 KB
30 - P27Coursestore/
169 - Project overview English.srt	2.3 KB
169 - Project overview.mp4	11.4 MB
170 - Project structure and UI design English.srt	6.6 KB
170 - Project structure and UI design.mp4	33.2 MB
171 - Create the Courses component English.srt	4.7 KB
171 - Create the Courses component.mp4	23.8 MB
172 - Create a Course component and design English.srt	7.0 KB
172 - Create a Course component and design.mp4	36.6 MB
173 - Create a Database for all Courses English.srt	8.9 KB
173 - Create a Database for all Courses.mp4	71.1 MB
174 - Currencies Database and converter Buttons English.srt	6.6 KB
174 - Currencies Database and converter Buttons.mp4	73.9 MB
175 - Convert the Currencies with the React useContext Hook English.srt	5.2 KB
175 - Convert the Currencies with the React useContext Hook.mp4	63.7 MB
176 - Change Course appearance depending on its currency English.srt	4.5 KB
176 - Change Course appearance depending on its currency.mp4	43.6 MB
177 - 27-course-store.zip	300.9 KB
177 - Finished project files.html	0.3 KB
31 - P28Authentication App/
178 - Project overview English.srt	1.3 KB
178 - Project overview.mp4	1.3 MB
179 - Ui design English.srt	7.8 KB
179 - Ui design.mp4	38.6 MB
180 - Form Wrapper and Shake animation English.srt	6.3 KB
180 - Form Wrapper and Shake animation.mp4	29.9 MB
181 - Authentication container English.srt	4.3 KB
181 - Authentication container.mp4	22.8 MB
182 - Authentication status using context English.srt	8.9 KB
182 - Authentication status using context.mp4	96.7 MB
183 - Authentication User name and password English.srt	6.8 KB
183 - Authentication User name and password.mp4	46.7 MB
184 - Authentication Login Logout and Try again English.srt	7.3 KB
184 - Authentication Login Logout and Try again.mp4	27.8 MB
185 - 28-auth-app.zip	3.1 KB
185 - Finished project files.html	0.3 KB
32 - P29Speech Synthesizer/
186 - Project overview English.srt	1.3 KB
186 - Project overview.mp4	1.1 MB
187 - UI Structure and main component English.srt	6.3 KB
187 - UI Structure and main component.mp4	23.2 MB
188 - Speech Narrator UI Component English.srt	9.8 KB
188 - Speech Narrator UI Component.mp4	26.8 MB
189 - Text splitter and Highlighted Text English.srt	9.4 KB
189 - Text splitter and Highlighted Text.mp4	54.5 MB
190 - Start Pause and Rate English.srt	11.6 KB
190 - Start Pause and Rate.mp4	56.5 MB
191 - 29-speech-synthesizer.zip	1.8 KB
191 - Finished project files.html	0.3 KB
33 - P30lazyloading/
192 - Project overview English.srt	2.9 KB
192 - Project overview.mp4	12.8 MB
193 - Ui English.srt	7.9 KB
193 - Ui.mp4	46.4 MB
194 - Get post English.srt	8.3 KB
194 - Get post.mp4	40.3 MB
195 - Implement Lazy load English.srt	4.4 KB
195 - Implement Lazy load.mp4	32.7 MB
196 - 30-lazy-loading.zip	1.5 KB
196 - Finished project files.html	0.3 KB
34 - Extra section/
197 - Bonus lecture.html	3.3 KB
Total files 402