Full Stack Open - Project Repository

This repository contains the completed exercises and projects for the Full Stack Open course. The course is designed to teach modern web development, focusing on technologies such as React, Node.js, Express.js, MongoDB, TypeScript, React Native, DevOps practices (CI/CD and containers), and more. It covers essential aspects of full-stack development, from frontend implementation to backend services, database management, and deployment workflows.

Table of Contents

1. About the Course
2. Project Structure
3. How to Run
4. Technologies Used
5. Learning Outcomes
6. Acknowledgments

---

About the Course

The Full Stack Open course is provided by the University of Helsinki and focuses on building real-world applications using cutting-edge technologies. It emphasizes hands-on learning, with a significant portion of the course dedicated to practical exercises and projects.

Project Structure

The repository is structured as follows:

📂 fullstack-open
├── 📂 part0  // Fundamentals of Web Apps
├── 📂 part1  // Introduction to React
├── 📂 part2  // Communicating with server
├── 📂 part3  // Node.js and Express
├── 📂 part4  // Testing backend
├── 📂 part5  // Testing frontend
├── 📂 part6  // State management with Redux
├── 📂 part7  // React router and more advanced state management
├── 📂 part8  // GraphQL
├── 📂 part9  // TypeScript
├── 📂 part10 // React Native
├── 📂 part11 // DevOps: CI/CD
├── 📂 part12 // Containers and Deployment
└── 📂 part13 // Using Relational Databases
└── 📂 playground // React Playground for practice

Each folder corresponds to a part of the course and contains its related exercises and projects.

How to Run

1. Clone the repository:

   git clone https://github.com/architkakkar/fullstack-open.git
   cd fullstack-open

2. Navigate to the specific part you want to run:

   cd partX

3. Install dependencies:

   npm install

4. Start the development server (for frontend projects using Vite):

   npm run dev

5. For backend projects, start the server:

   node server.js

6. For React Native projects, follow the specific setup instructions for running the project on your development environment.

Technologies Used

• Frontend: React, Redux, React Native, TypeScript, Vite
• Backend: Node.js, Express.js
• Database: MongoDB, Relational Databases (e.g., PostgreSQL)
• Testing: Jest, Cypress
• State Management: Redux, React Context
• API: RESTful APIs, GraphQL
• DevOps: CI/CD pipelines, Docker containers

Learning Outcomes

• Building dynamic and responsive user interfaces with React and React Native
• Managing application state effectively using Redux and React Context
• Implementing RESTful APIs and GraphQL for backend services
• Testing applications to ensure reliability
• Connecting frontend applications to backend servers and databases
• Writing scalable and type-safe code using TypeScript
• Setting up CI/CD pipelines and containerizing applications with Docker
• Deploying applications using containerization tools
• Utilizing relational databases in modern web applications

Acknowledgments

Special thanks to the University of Helsinki and the Full Stack Open team for providing such a comprehensive and free course.

---

Feel free to explore and contribute!