Skip to content

SyncWithRaj/Web-Development-Journey

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🌐 Web Development Journey

Welcome to my Web Development Journey!
This repository is a structured collection of everything I’ve learned so far while mastering full-stack web development — from the very basics to advanced topics across both frontend and backend.


📘 About

This repo reflects my step-by-step progression in learning modern web development. It includes practice projects, experiments, and code samples, organized as I moved through the tech stack:

  1. HTML, CSS, JavaScript
  2. MongoDB & Mongoose
  3. CRUD operations
  4. Backend with Node.js & Express
  5. Frontend with React, Vite, Next.js & Tailwind CSS

🛠 Tech Stack Timeline

Level Technology Focus Key Concepts
💡 Beginner HTML, CSS, JavaScript Layouts, DOM Manipulation, Events
🧠 Intermediate MongoDB, Mongoose Data Modeling, Collections, Schemas
⚙️ Backend Node.js, Express REST APIs, Middleware, Routing, CRUD
🎨 Frontend React, Vite, Next.js Components, Routing, SSR, SPA, Hooks
💅 Styling Tailwind CSS Utility-first CSS, Responsive Design


📚 What I Learned

✅ Creating semantic and responsive layouts
✅ Using JavaScript to manipulate the DOM and handle events
✅ Modeling and storing data with MongoDB and Mongoose
✅ Building REST APIs and handling requests with Express
✅ Performing full CRUD operations from client to database
✅ Developing dynamic UIs using React and Next.js
✅ Styling modern, mobile-first websites with Tailwind CSS
✅ Deploying full-stack apps and managing environments


🔥 Highlight Projects

  • ToDo App – Made using React
  • Linktree Clone – Connect frontend using Backend and Database
  • Portfolio Website – Fully responsive and deployed made using Next.js
  • X.com – Fully responsive UI using Tailwind CSS

Clone this repo:

git clone https://github.com/mr-coder-raj/Web-Development-Journey.git

🙌 Let's Connect

GitHub: https://github.com/mr-coder-raj

Email: [email protected]

LinkedIn: https://www.linkedin.com/in/raj-ribadiya/

📄 License This project is open source and available under the MIT License.

“Code. Break. Learn. Repeat.” 🚀

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published