Skip to content

HeilyMadelay-hub/STEM-Dev-Interview-Practice

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

51 Commits
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Algorithm & Full-Stack Practice Repository (React + TypeScript + .NET)

This repository demonstrates my full-stack development skills with React/TypeScript on the frontend and C#/ASP.NET Core + SQL on the backend, showcasing scalable solutions, algorithm practice, and real technical assessments for interview preparation.

πŸ› οΈ Tech Stack

Frontend

  • React + TypeScript - Component development and UI logic
  • Vite - Build tooling
  • React Testing Library / Vitest - Testing

Algorithms & Logic

  • TypeScript - All algorithm practice (LeetCode-style problems, data structures, interview patterns)
  • Jest / Vitest - Unit testing
  • Focus: Arrays, strings, hash maps, recursion, two pointers, sliding window, functional programming

Backend

  • ASP.NET Core Web API - RESTful services
  • Entity Framework Core - ORM
  • SQL Server - Database
  • xUnit / NUnit - Testing

πŸ“‚ Repository Structure

algorithm-practice/
β”œβ”€β”€ easy/
β”‚   β”œβ”€β”€ react/          # Beginner React/TypeScript UI challenges
β”‚   β”œβ”€β”€ typescript/     # Basic algorithms & logic (TypeScript)
β”‚   └── csharp/         # Basic backend problems (ASP.NET Core + SQL)
β”œβ”€β”€ medium/
β”‚   β”œβ”€β”€ react/          # Intermediate frontend challenges
β”‚   β”œβ”€β”€ typescript/     # Intermediate algorithms (TypeScript)
β”‚   └── csharp/         # Intermediate backend/OOP problems
β”œβ”€β”€ hard/
β”‚   β”œβ”€β”€ react/          # Advanced frontend algorithms / UI logic
β”‚   β”œβ”€β”€ typescript/     # Complex algorithms & data structures (TypeScript)
β”‚   └── csharp/         # Complex backend / enterprise patterns
β”œβ”€β”€ data-structures/
β”‚   β”œβ”€β”€ react/          # Frontend-focused structures
β”‚   β”œβ”€β”€ typescript/     # Classic data structures (TypeScript)
β”‚   └── csharp/         # Backend structures & SQL operations
β”œβ”€β”€ technical-assessments/  # ⭐ Real technical tests from companies
β”‚   β”œβ”€β”€ react/          # Frontend take-home assessments (React + TypeScript)
β”‚   β”œβ”€β”€ fullstack/      # Full-stack projects (React + TypeScript + C#)
β”‚   └── backend/        # Backend-only assessments (C#/SQL)
└── README.md

πŸš€ Quick Start

React Frontend Projects

cd easy/react/problem-name/solution
npm install
npm run dev          # Start development server
npm test             # Run tests

TypeScript Algorithm Problems

cd easy/typescript/two-sum
npm install
npm test             # All algorithms use TypeScript

C# Backend Projects

cd easy/csharp/rest-api-crud
dotnet restore
dotnet run           # Run API
dotnet test          # Run tests

Full-Stack Technical Assessments

cd technical-assessments/fullstack/company-name-yyyy-mm/solution

# Frontend (React + TypeScript)
cd frontend
npm install && npm run dev

# Backend (C# + SQL)
cd backend
dotnet restore && dotnet run

πŸ“‹ What's Inside

React & TypeScript (Frontend)

  • Component architecture and hooks
  • State management patterns
  • API integration and async operations
  • Performance optimization
  • Real technical assessments

Algorithms & Logic (TypeScript)

All algorithm exercises are implemented in TypeScript

Common interview patterns including:

  • Array manipulation (two pointers, sliding window)
  • String algorithms
  • Hash maps and sets
  • Recursion and dynamic programming
  • Tree and graph traversal
  • Time & space complexity analysis

ASP.NET Core Backend

  • RESTful API design
  • CRUD operations with Entity Framework
  • Authentication & authorization (JWT)
  • Database design and SQL optimization
  • Integration testing

Technical Assessments

  • Complete end-to-end solutions
  • Architecture decision documentation
  • Performance analysis
  • Real interview feedback (when available)

πŸ“ Problem File Structure

React Projects

problem-name/
β”œβ”€β”€ README.md                  # Problem statement
β”œβ”€β”€ solution/                  # Complete Vite/React project
β”‚   β”œβ”€β”€ src/
β”‚   β”‚   β”œβ”€β”€ App.tsx
β”‚   β”‚   β”œβ”€β”€ App.test.tsx
β”‚   β”‚   └── components/
β”‚   └── package.json
β”œβ”€β”€ analysis.md                # Technical analysis
└── interview-questions.md

TypeScript Algorithms

problem-name/
β”œβ”€β”€ README.md                  # Problem statement
β”œβ”€β”€ solution.ts                # TypeScript implementation
β”œβ”€β”€ solution.test.ts           # Test cases
β”œβ”€β”€ analysis.md                # Complexity analysis
└── interview-questions.md

C# Backend

problem-name/
β”œβ”€β”€ README.md                  # Problem statement
β”œβ”€β”€ Api/                       # Web API project
β”œβ”€β”€ Core/                      # Domain logic
β”œβ”€β”€ Infrastructure/            # Data access
β”œβ”€β”€ Tests/                     # Unit & integration tests
└── analysis.md

πŸ“Š Complexity Analysis

All solutions include:

For Algorithms (TypeScript):

Time: O(n log n) - sorting dominates
Space: O(n) - hash map storage
Trade-offs: Why this approach was chosen

For React Projects:

Rendering Performance: O(n) - list rendering
State Updates: O(1) - direct state access
Bundle Size: ~145KB (production build)

For Full-Stack Assessments:

API Response Time: ~50ms (average)
Database Queries: Optimized with indexes
Frontend Bundle: 245KB gzipped
Lighthouse Score: 95+ (Performance)

πŸ§ͺ Testing Standards

  • React: 80%+ component coverage with React Testing Library
  • TypeScript Algorithms: Unit tests for all public functions
  • C# Backend: Integration tests for API endpoints + unit tests

πŸ’‘ Example Problems

React (Frontend)

  • todo-list-advanced - State management with Context API
  • data-table-with-filters - Complex UI interactions
  • infinite-scroll - Performance optimization

TypeScript (Algorithms)

  • two-sum - Hash map pattern (TypeScript)
  • valid-parentheses - Stack implementation (TypeScript)
  • merge-intervals - Sorting algorithm (TypeScript)

C# (Backend)

  • rest-api-crud - Entity Framework + SQL
  • authentication-jwt - Security patterns
  • rate-limiting-middleware - API optimization

Technical Assessments

  • shopping-cart-2025-01 - E-commerce (React + TypeScript + .NET)
  • task-manager-2024-12 - Full CRUD app with authentication
  • api-gateway-2024-11 - Microservices architecture (.NET)

πŸ“ Developer Profile

Full-Stack Developer with expertise in React + TypeScript for modern frontend development and C#/ASP.NET Core for scalable backend systems. All algorithm practice is implemented in TypeScript to strengthen JavaScript/TypeScript interview skills while maintaining backend proficiency with .NET.


πŸ“š Resources


🎯 Key Highlights

βœ… Frontend-first approach with React + TypeScript
βœ… All algorithms in TypeScript (not mixed with C#)
βœ… Backend expertise with C#/ASP.NET Core
βœ… Real technical assessments from actual interviews
βœ… Full-stack thinking across the entire development cycle


πŸ“Œ Note

Solutions prioritize clarity and learning over premature optimization, with focus on:

  • Clean, testable code
  • Proper separation of concerns
  • Industry best practices
  • Interview-ready explanations

About

Algorithm practice and full-stack development repository with a mathematics branch. TypeScript for algorithms, React/TypeScript for frontend, C#/ASP.NET Core for backend, SQL for databases. Includes real technical assessments for interview preparation.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors