Explore tweets tagged as #30DaysOfReact
Day 24 of #30DaysOfReact . Built a **Dynamic Kanban Board** using React + Tailwind CSS + Framer Motion + React Beautiful DnD. 🧠 Drag-and-drop tasks .💾 Persistent storage .✨ Simple UI. Preview below :
1
1
11
Day 30 Of My 30 Days of Relearning React . Decided to build a Personal habit tracker that allows one to track a habit daily. Preview 👇 . #30DaysOfReact #FrontEnd
3
1
13
⚛️ Day 2 of my 30-Day React Relearning Journey . ✅ Built a Counter App .✅ Learned `useState` for managing state . ✅ Used Framer Motion for smooth animations . A tiny project, but huge learning 🔥.#BuilInPublic #30DaysOfReact #FrontEnd
3
3
11
🧵 Day 19 of #30DaysOfReact – TaskZen.📝 A smart and beautiful To-Do App with category filters and priority tags. Responsive UI, localStorage support, and smooth user experience. Preview 👇
2
1
11
Day 21⭐️. Added comment section. #30daysofcode #30daysofreact #reactjs #learninpublic #buildinpublic
3
0
15
🛠️ Dynamic Form Builder - Day 21 of #30DaysOfReact. A simple yet powerful form builder that lets you dynamically create and preview custom forms. Supports export to JSON!. Preview 👇
1
0
6
Day 15 of #30DaysOfReact 🔥. Built a Voice-Controlled Task Manager that lets you add tasks using your mic 🎙️. No typing needed—just speak to add todos ✅.It also features dark mode, Framer Motion, and visual feedback.
4
0
6
📚Day 20 of #30DaysOfReact. Built a serene and beautiful Book Log App for Day 20 of my 30-Day React Relearning Journey!.Users can add, edit, and delete books, and categorize them as To Read, Reading, or Finished. Dark/light mode support + smooth animations. ✨
1
0
6
Day 16 of #30DaysOfReact. Built a Smart Habit Tracker using React + Tailwind CSS!. ✅ Add custom habits.✅ Remove habits anytime.✅ Data saved with localStorage.✅ Clean, beautiful UI with icons. 🎯 Track goals the smart way!. 📸 Preview:
1
0
7
Day 11 of #30DaysOfReact. Concept areas:.🔹React with hooks.🔹useState hook.🔹useEffect hook.🔹Rules of hook
1
0
1
Day 10 of #30DaysofReact. Concept area: (Theoretic).🔹Props and State - advanced React State Management.🔹React Context and Why it is used. 🔹Introduction to React Hooks
1
0
0
Day 9 of #30DaysOfReact. Area covered:.🔹Transforming and rendering lists in JavaScript.🔹Keys in React.🔹Controlled components. Lists -a simple collection of elements in an array. We use map() to extract the data by looping items in an array that only the user cares about.
1
0
0
🚀 Day 18 of #30DaysOfReact.I built a Typing Speed Test Game — it measures how fast and accurately you type a sentence. Each round gives you a random sentence and calculates your WPM + accuracy in real time!
4
2
19
Day 8 of #30DaysOfReact. Topics Covered:.*Assets - Audio and Video .*Using Embedded Assets.*Creating Audio/Video Component.*Grid Layouts and transforming lists in JavaScript. Asset refers to images, stylesheets, fonts, media files, or any file that's needed by app at runtime.
1
0
0
Day 7 of #30DaysOfReact. Topics covered:.-Types of navigation. -Workwith navbar. -Conditional rendering &Single view Conditional Updates. 🗝️Website navigation can be majorly in form of Navbar, Sidebar, Footer & Mega menu can be implemented In React to create dynamic experience.
1
0
1
Day 6 of #30DaysOfReact. Area covered:.-What is state?.-Observing state. -Managing State. -React state management. -Stateful vs stateless management. 🗝️What is state?.State in React is data in a component that determines behaviour, used to store data affecting its behaviour.
1
0
0
Day 5 of #30DaysOfReact. Data Flow in React: Parent-Child Data Flow, one-way street in React. Data flows from a parent to a child component i.e., flow starts at the root and can flow to multiple levels of nesting and further down the hierarchy that requires the data using props.
1
1
0
Day 4 of #30DaysOfReact. Topic covered: Handling events, Syntax for handlers. 🗝️Handling events - They are part of DOM (Document Object Model). Available events in React:.-ouse events:onClick.Event Groups: clipboard, keyboard.Drag and Drop: onDrag. Event can be passed as a prop.
1
0
0
Day 1 of #30DaysOfReact. 1/3. I Worked on JS topics essential in React, React Native:. 🗝️Variables. var. let. const. 🗝️Functional programming. Arrow function declaration. Higher Order Functions - Map, Filter and Reduce. 🗝️Arrays. Array method & destructuring. Spread Operator
1
1
1
Day 23 of #30DaysOfReact. Decided to work on improving the UI of my day 11 project. Just Tailwind.
✅ Day 11 of my 30-Day React Relearning Journey. Today I built a Productivity Timer Dashboard:. ✅ Pomodoro Timer (25 min).✅ Task List with completion.✅ Progress Bar tracker.✅ Dark Mode toggle.✅ Saved in localStorage.✅ Tailwind + Icons for clean UI. 📸 Preview below 👇
1
0
14