100xDevs

Full Stack Web Development Learning Repository

Welcome to my Full Stack Web Development learning journey! This repository documents my progress and contains code samples as I explore various technologies and concepts in both frontend and backend development.

Table of Contents

1. Introduction
2. Frontend Technologies
3. Backend Technologies
4. Database Technologies
5. DevOps and Deployment
6. Project Structure
7. Getting Started
8. Contributing

Introduction

This repository serves as a comprehensive resource for learning full stack web development. It includes projects, exercises, and notes covering a wide range of technologies used in modern web development.

Frontend Technologies

• HTML5
• CSS3
  • Sass/SCSS
  • Tailwind CSS
• JavaScript (ES6+)
• TypeScript
• Frontend Frameworks/Libraries:
  • React.js
  • Next.js
• State Management:
  • Redux
  • Recoil
  • NgRx
• Build Tools:
  • Vite
• Testing:
  • Jest
  • React Testing Library

Backend Technologies

• Node.js
• Express.js
• Authentication & Authorization:
  • JWT
  • OAuth 2.0
  • NextAuth
• WebSockets

Database Technologies

• Relational Databases:
  • PostgreSQL
  • MySQL
• NoSQL Databases:
  • MongoDB
  • Redis
• ORM/ODM:
  • Mongoose
  • Prisma
• Database Design & Optimization

DevOps and Deployment

• Version Control:
  • Git
  • GitHub
• CI/CD:
  • GitHub Actions
  • Jenkins
• Containerization:
  • Docker
  • Kubernetes
• Cloud Platforms:
  • AWS
  • Google Cloud Platform
  • Microsoft Azure
• Serverless Architecture
• Nginx
• Linux Server Management

Project Structure

/
├── frontend/
│   ├── react-projects/
├── backend/
│   ├── node-projects/
├── database/
│   ├── sql-exercises/
│   └── nosql-exercises/
├── devops/
│   ├── docker-examples/
│   └── ci-cd-configs/
├── full-stack-projects/
└── learning-notes/

Getting Started

1. Clone this repository:

   git clone https://github.com/mansavigarg/100xDevs.git
   

2. Navigate to the project directory:

   cd 100xDevs
   

3. Explore the different directories to find projects and exercises.

4. Each project or technology area may have its own README with specific instructions.

Contributing

While this is a personal learning repository, suggestions and feedback are welcome! Please feel free to open an issue or submit a pull request if you have any improvements or corrections.

---

Happy coding and learning! Remember, the journey of becoming a full stack developer is continuous and ever-evolving. Stay curious and keep building!