Full Stack MEARN Developer Labs

Overview

Welcome to the Full Stack MEARN Developer Labs repository! This repository contains all the lab assignments and projects completed during my journey in the Information Technology Institute (ITI) program. The labs cover a wide range of topics and technologies related to the MEARN stack, including MongoDB, Express.js, Angular, React, and Node.js.

Table of Contents

• Introduction
• Folder Structure
• Getting Started
• Labs Overview
• Included Content
• Acknowledgments

Introduction

In this program, I explored the world of Full Stack development using the MEARN stack, which is a powerful combination of MongoDB, Express.js, Angular, React, and Node.js. The labs provided hands-on experience in building scalable and efficient web applications, covering both frontend and backend development aspects.

Folder Structure

The repository is organized into folders, each corresponding to a specific lab or project. The folder structure is designed to be intuitive, with each lab having its dedicated directory. Additionally, there might be subdirectories for frontend and backend components, making it easy to navigate and understand the codebase.

ITI/
|-- JS/
|   |-- Day 1/Lab 1/
|   |-- Day 2/Lab 3/
|-- Responsive/
|   |-- Day 1/Lab 3/
|   |-- Day 3/Lab 1/
|-- ...
|-- README.md

Getting Started

To run the labs and projects, follow these general steps:

1. Clone the repository to your local machine.

git clone https://github.com/m-ehab2/ITI.git

2. Navigate to the specific lab or project folder.

cd ITI/JS

Labs Overview

Each lab is designed to cover specific topics and skills related to Full Stack MEARN development ranging from Vanilla Javascript to Fullstack Applications.

Included Content

The labs in this repository cover a range of technologies, including:

• HTML/CSS: Markup language and stylesheet language for structuring and styling web content.
• JavaScript: Programming language used for adding interactivity and behavior to web pages.
• Bootstrap: Frontend framework for designing responsive and mobile-first websites.
• jQuery: Fast, small, and feature-rich JavaScript library. It simplifies tasks like HTML document traversal and manipulation, event handling, and animation.
• MongoDB: NoSQL database for storing and retrieving data.
• Express.js: Web application framework for building APIs.
• Angular: Frontend framework for building dynamic web applications.
• React: JavaScript library for building user interfaces.
• Node.js: JavaScript runtime for server-side development.

Acknowledgments

I would like to express my gratitude to the ITI program for providing a comprehensive curriculum and practical labs that have contributed to my growth as a Full Stack MEARN Developer. Special thanks to the instructors, mentors, and fellow students for their support and collaboration.

Feel free to explore the labs, experiment with the code, and use them as a reference for your own learning journey.

⬆️ Back to Top