Build Future Websites with me .MERN stack development with Frontend and backend technologies. REACT JS|| javascript|| redux || git || tailwind css || ui component Shadcn || REST / Graph Ql APi , basi

Details

UpSkill with me

JS-> variable(let,var,const)hoisiting variables,functions:arrow function, hight order functions,arrays & objects :array destructuring, object Destructing,rest operator, spread operator, If else , ternary operator, && and || , optional ,Closure,chaining,array methods:map(),filter(),reduce(),sort(),event Listeners: onclikc, onBlur, onchnage , onFoucus, setTimeOut() and setinterval(),event bubbling and capturing,call back and promises function , call back hell, promise apis, Nested function scope ,Closure, Currying, this keyword ,Prototype, Prototypal inheritance, Class, Iterables and iterators, Generators
async and await(sugar coat for calls) , try and catch(error handling)

react.js: viteReact app, functional components, jsx, import and export components,React Fragment , styling component , props, state, useSate hook, conditional redering , list ans keys ,event handling,form handling, components vs inheritance, component LifeCycle, useEffect Hook
advance topics: https request :REST(get,post, put/Push, Delete),Context:creatContext,useContext, Refs: useRef,forwardRef,Hooks:useReducer,use,useOptimistic,customHook,
optional hooks:useDebugValue,useImperativeHandle,useInsertionEffect,useLayoutEffect ,useSyncExternalStore,:Error boundaries,Portals,
components:profiler,StrictMode,Suspense
Performance:UseMemo,useCallBack,useTranitons,UseDeferredValues,memo,lazy,startTransition,
react Server components :cache, useFrorState,useFormstatus
ecoSystem: --> state management :zustand/reduxtoolkit,tranStack Query/RKT query ,Routing: rect router,tanstack Router, styling:styledComponet (shadcn) /emotion, tailwind css, Forms: react Hook forms, TanStack forms, testing: vitest+react testing library ,pplaywright /Cyptress ,Misc :typescript,storybook, reacti18Next,firebase/supabase
Nextsteps: next.js ,ReactNavtie
,
Portfoli website
1. Intro about Project
2. Setup project
3. Navbar
4.Hero Section
5.About Section
6. Experience Section
7. Projects Section
8.Contact Section
9. Deploying
10. Custom Domain

Social Media App(React.js,AppWrite,Tailwind css, shadcn, React Query)
1.Intro
2. Setup
3. Routing
4. File & Folder Structure
5. Auth Pages
6. Auth Functionality - Appwrite
7. Storage & Database Design
8. TanStack Query
9.HomePage
10. Create Post
11.Post Card
12.Post CRUD
13. Post Details
14. Explore Page
15. Search Results
16.Active Lesson
17. Deployment

to-do -application (MERN)
1.setup application
2.Create Routes
3.Login UI
4.Formik
5.reset UI
6.Register Component
7.Profile UI
8.Setup Backend
9.MongoDB Connection
10.Endpoints
11./register
12./login
13./getUser
14./updateUser
15.Auth Middleware
16.Generate OTP
17./resetPassword
18.Send Mail
19.axios
20. Zustand Store
21.Custom Hooks