🌐 Full Stack Open 2023

A comprehensive collection of projects and exercises completed while following the Full Stack Open 2023 course offered by the University of Helsinki, focusing on modern full-stack web development with JavaScript and TypeScript technologies.

This repository showcases practical applications built throughout the course, covering both frontend and backend development, database integration, testing, authentication, deployment, and modern software engineering practices using the JavaScript ecosystem.

---

✨ Topics Covered

• ⚛️ React
• 🧩 Component-Based Architecture
• 🔄 State Management
• 🌐 REST APIs
• 🚀 Node.js & Express
• 🍃 MongoDB
• 🔐 Authentication & Authorization
• 📡 GraphQL
• 🔷 TypeScript
• 🧪 Testing
• 📦 Deployment
• ☁️ Full Stack Development
• 📱 Responsive Interfaces
• 🔄 Client-Server Communication
• 🛠 Modern Development Workflow

---

🛠 Technologies

• JavaScript (ES6+)
• TypeScript
• React
• Node.js
• Express
• MongoDB
• Mongoose
• GraphQL
• Apollo Client / Server
• Redux
• React Router
• HTML5
• CSS3
• REST APIs
• Jest
• Cypress
• Vite
• npm
• Git

---

📚 Concepts Learned

This repository demonstrates many modern web development concepts, including:

• Component-based UI development
• React Hooks
• State Management
• RESTful API Design
• Backend Development
• Database Modeling
• Authentication
• GraphQL APIs
• Testing
• TypeScript
• Deployment
• Full Stack Architecture

---

📖 Course Overview

The Full Stack Open course introduces modern JavaScript-based web development through hands-on projects that cover the complete application stack. It focuses on building single-page applications with React, backend services using Node.js and Express, MongoDB databases, GraphQL, TypeScript, testing, and deployment practices.

Throughout the course, practical projects were developed covering:

• React fundamentals
• Modern JavaScript
• Communicating with servers
• Backend APIs with Express
• MongoDB integration
• User authentication
• Testing applications
• State management
• GraphQL
• TypeScript
• CI/CD fundamentals
• Production deployment

---

🗂 Course Structure

Full-Stack-Open-2023/
│
├── Part0/
├── Part1/
├── Part2/
├── Part3/
├── Part4/
├── Part5/
├── Part6/
├── Part7/
├── Part8/
├── Part9/
├── ...
│
├── package.json
└── README.md

---

🏗 Architecture

The projects follow a modern full-stack architecture.

Client (React)
        │
 REST / GraphQL
        │
Backend (Node.js + Express)
        │
    MongoDB

Applications are built using reusable React components, RESTful and GraphQL APIs, persistent databases, and modern development tooling.

---

🚀 Getting Started

Requirements

• Node.js
• npm

Clone the repository

git clone https://github.com/serac01/Full-Stack-Open-2023.git

Install dependencies

npm install

Start the application

Depending on the project:

npm start

or

npm run dev

Follow the instructions inside each course part if additional setup (such as MongoDB or environment variables) is required.

---

🎯 Learning Outcomes

By completing the course, the following skills were developed:

• Building modern React applications
• Developing RESTful APIs with Node.js and Express
• Working with MongoDB databases
• Creating GraphQL APIs
• Managing application state
• Implementing authentication
• Writing automated tests
• Using TypeScript in full-stack applications
• Deploying production-ready applications
• Following modern full-stack development practices

---

📄 License

This repository contains projects and exercises completed while following the Full Stack Open 2023 course provided by the University of Helsinki.

It is intended for learning, reference, and educational purposes.