Day 115
→ Started exploring backend development with Node.js and Express.js
→ Built REST API routes for GET, POST, &DELETE operations
→ Practiced handling request &response objects in Express
→ Learned file handling basics
#WebDevelopment#NodeJS
Day 114
→ Fetched product data from an external API
→ Used useEffect to load data when the component mounted
→ Rendered product listings dynamically
→ Built reusable product card components using props
→ Implemented Add to Cart functionality
#WebDevelopment#ReactJS
Day 113
→ Learned and implemented React Context API
→ Created multiple contexts using createContext()
→ Accessed context values using the useContext hook
→ Eliminated the need for prop drilling in a nested component structure
#WebDevelopment#ReactJS
Day 112
→ Built a multi-page React application using React Router
→ Created and connected Home, About, Contact, Images, Products, QR, and Cart pages
→ Practiced passing state and props between pages for cart functionality
#WebDevelopment#ReactJS
Day 111
→ Fetched todo data from an external API using Axios
→ Rendered dynamic cards using the map() method
→ Passed data through props to reusable components
→ Practiced working with real-world JSON data and component-driven UI
#WebDevelopment#ReactJS
Day 110
→ Built a React form using controlled inputs
→ Managed multiple input fields with the useState hook
→ Implemented real-time updates using onChange events
→ Practiced handling form data and state synchronization
#WebDevelopment#ReactJS
Day 109
→ Practiced React component nesting
→ Built rendering flow (Props Drilling)
→ Worked with imports & exports across files
→ Learned how data & UI move through component hierarchies
#WebDevelopment#ReactJS
Day 108
→ Built a simple color changer app using React &the useState hook
→ Improved understanding of how state drives rendering and user interactions
Seeing instant visual feedback from state changes makes React concepts click a little more each day.
#WebDevelopment#ReactJS
Day 107
→ Built a React counter app using the useState hook
→ Implemented increment, decrement, &reset functionality
→ Strengthened understanding of state management &event handling in React
→ Continued practicing component structure &clean UI logic
#WebDevelopment#ReactJS
Day 106
→ Worked on passing props between React components
→ Built a simple reusable component setup in JSX
→ Fixed small syntax and rendering issues while testing props
→ Improved understanding of component structure and clean code organization
#WebDevelopment#ReactJS
Day 105
→ Practiced importing & exporting modules in Node.js
→ Created separate files to share and access variables/functions
→ Small practice, but helped me understand Node.js workflow better
#NodeJS#BackendDevelopment
Day 104
→ Practiced Node.js file system operations using the fs module
→ Worked with reading, writing, appending, deleting & renaming files
→ Practiced creating, reading & deleting directories using path fs
#NodeJS#BackendDevelopment
Day 103
→ Fixed several UI alignment & display issues across the project
→ Fixed errors related to rendering seeded data outputs
→ Updated test user login flow & corrected seeded account credits
→ Spent the day debugging & refining the experience
#WebDevelopment#ReactJS
Day 102
→ Tested the complete YatraChalo project flow end-to-end
→ Checked navigation between search, booking & confirmation pages
→ Worked on fixing small UI and flow-related issues
→ Verified seeded data outputs and booking interactions
#WebDevelopment#ReactJS
Day 101
→ Built the booking confirmation page for YatraChalo
→ Added ticket summary with passenger, seat & payment details
→ Created booking ID generation flow for confirmed tickets
→ Worked on post-booking navigation and cleaner confirmation UI
#WebDevelopment#ReactJS
Day 100
→ Built the seat selection & passenger details page for YatraChalo
→ Added dynamic seat selection flow with booking summary
→ Worked on passenger form inputs and class selection UI
→ Connected fare calculation based on selected
#WebDevelopment#ReactJS
Day 99
→ Had my final engineering exam that day
→ Still spent some time planning the project architecture
→ Organized flow between frontend, backend, authentication & database
Not the most productive coding day, but an important planning day.
#WebDevelopment#ReactJS
Day 98
→ Created around 100 seeded data entries for YatraChalo
→ Worked on fixing route outputs and matching correct results
→ Improved data handling for train, bus & smart connection flows
→ Tested different journey combinations and edge cases
#WebDevelopment#ReactJS
Day 97
→ Built the Smart Connection results UI for YatraChalo
→ Added connected journey flow with train bus combinations
→ Added “fastest route” highlighting &seamless booking flow
→ Used seeded data to simulate indirect travel routes realistically
#WebDevelopment#ReactJS
Day 96
→ Built the train search results page for YatraChalo
→ Worked on route details, timings, pricing & booking layout
→ Added cleaner UI structure for better readability
→ Created a small set of seeded data to simulate train results
#WebDevelopment#ReactJS