amro97Academy

Web Development Roadmap

You need to learn frontend and backend roadmaps to apply the fullstack projects

Frontend Development

Languages, Libraries and Frameworks

HTML
CSS
JavaScript
Tailwind CSS
React
TypeScript
Next Js
Jquery

Upload and Collaborate

Git
Github

Free Deploy and Hosting

learn one is enough, more for different cases
Vercel
Netlify

Upload Images, Files and Videos

learn one is enough, more for different cases
Firebase
UploadThing
Cloudinary

Components Libraries

learn one is enough, more for different cases
Shadcn
Shadcn Blocks
Material UI

Icons Libraries

learn one is enough, more for different cases
React Icons
Lucide React
Font Awesome
Material Icons
Hero Icons

Sending Emails

learn one is enough, more for different cases
Mailtrap
Web3Forms
Email js
SendGrid
Resend

Testing

learn one is enough, more for different cases
Jest
React Testing Library

Design Emails

React Email

Paid Deploy And Hosting

Hostinger

Custom Domains

Cloudflare
Porkbun
Godaddy
Namecheap
Squarespace Domains

Custom Email

cloudflare is totally free without inbox, zoho free for one domain and cheapest for others, proton the cheapest after zoho
Zoho Mail
Proton Mail
Cloudflare Email Routing
Google Workspace
Microsoft 365 Outlook

Backend Development

Languages and Framworks

NodeJs
Express
Prisma

State Management

learn one is enough, more for different cases
Next Auth
Redux
ReactQuery

Non-Relational Databases

MongoDB

Relational Databases

learn one is enough, more for different cases
MySQL
PostgreSQL