Tech Stack

Monday, 8 July, 2024

10:22 PM

• Frontend:
• HTML
• Styling
• CSS, CSS Preprocessors (SASS), TailwindCSS, CSS Modules, Styled components
• Responsive design, Mobile First Design
• JavaScript/TypeScript
• ReactJS
• React specific toolings
• Component Libraries
• ShadCN, Material UI, ChakraUI
• State Management: Redux, React Context API
• SPA Routing - React Router
• Animation - framer motion - 2d + 3d
• Testing (frontend) - Jest
• Tailwind Css
• Additionals
• Sever Side Rendering (SSR) with Reactjs and Static Site Generation (SSG) with NextJS
• Build Tools
• Frontend build tools
• Vite, create-next-app, Webpack, Babel, parcel, npm
• Performace optimization, Accessibility Standards, SEO practices
• Web Vitals
• Chrome DevTools, Firefox developer console tools
• Web Content Accessibility Guidelines (WCAG)
• Networking:
1. Internet Addressing, InetAddress, Factory Methods, Instance Methods, TCP/IP Client Sockets, URL, URL Connection, TCP/IP Server Sockets, Datagram.
1. Deployment
1. Using FTP or SCP
2. Using a CI/CD Pipeline
3. Using a serverless platform
4. Using a containerization platform (e.g. Docker, Kubernetes)
• PWA
• Database (+ along with Prisma):
• MongoDB,
• PostgreSQL,
• SQL
• Caching:
• Redis
• Backend:
• ExpressJS
• Cloud services:
• AWS, Firebase
• Docker, Containerization
• AppWrite
• Scaling
• Testing (Backend) -
• Authentication - JWT, Oauth, SSO, Basic Auth, Session Auth
• Passportjs, Next-auth/authjs
• Real Time Communication
• Websockets
• Web RTC
• E2E Encryption & Decryption for storing and transfering data
• Full-stack:
• MERN
• Next.js
• Mobile App:
• React Native
• Version Control System (VCS):
• Git + Github
• System Design
• Frontend
• General
• DSA
• Array & String, LL, Stack & Queue, tree, graph
• AI-ML APIs for web apps
• AI-ML Integration with web apps