Portfolio & Projects

Portfolio Outcome

Software Development

Build production-grade web applications and build a public developer portfolio.

Master modern web engineering using Git, JavaScript, TypeScript, React, and Next.js. Gain practical software engineering skill without requiring expensive certification fees.

Duration: 20 Weeks

Prerequisite: Basic programming concepts, HTML/CSS familiarity, and problem-solving interest

Why This Track Matters

In software development, proof of work outweighs paper credentials. Employers value a public GitHub portfolio with dynamic web applications, API integrations, and clean open-source contributions above all else.

Core Skills & Competencies You Will Master

Git & GitHub Workflows

Modern JavaScript (ES6+)

TypeScript

React & Next.js

RESTful APIs & Node.js

Tailwind CSS & Responsive Design

CI/CD & Cloud Deployment

Target Certifications

This track is tailored to prepare learners directly for industry-accredited certifications or verified portfolio milestones.

Public Developer Portfolio (GitHub)
Foundational Project Certifications (AMYC Verified)

Certification Alignment Blueprint

Public GitHub Portfolio & Verified Capstone Projects

Portfolio Outcome Track

Rather than relying on a costly standard exam, this track focuses on building a verified public GitHub portfolio showcasing 5 production-quality software projects.

Domain / Core Area	Weight	Focus Description
Version Control & Collaboration	20%	Git branching models, Pull Requests, code reviews, and open-source contribution practices.
Modern Frontend Engineering	30%	React functional components, custom hooks, state management, Next.js App Router, and Tailwind CSS.
TypeScript & Data Typing	20%	Interfaces, generics, type safety, API payload typing, and error handling.
Backend Integration & APIs	15%	RESTful API consumption, asynchronous JavaScript (async/await), authentication, and server routes.
Testing, CI/CD & Deployment	15%	Automated linting, unit testing basics, GitHub Actions workflows, and Vercel/Netlify hosting.

Modular Curriculum Outline

Structured step-by-step learning modules with progress indicators and practical topics.

Module 1: Developer Workstation Setup, Git & GitHub Fundamentals

Weeks 1–4

Master command-line proficiency, VS Code environment setup, Git version control, branch workflows, and public GitHub repository setup.

Key Module Topics:

CLI Essentials & Package Managers (npm, pnpm)
Git Repositories, Commits, Branches, and Merging
GitHub Pull Requests & Code Review Workflows
Markdown Documentation & Clean README Authoring

Module 2: Modern JavaScript (ES6+) & TypeScript Foundations

Weeks 5–8

Transition from foundational JS syntax to modern ES6 features, asynchronous programming, DOM manipulation, and strong TypeScript type definitions.

Key Module Topics:

Arrow Functions, Array Methods (map, filter, reduce), and Destructuring
Promises, Async/Await, and Fetch API
TypeScript Interfaces, Types, and Strict Type Checking
Object-Oriented & Functional Programming Concepts

Module 3: React & Next.js Basics: Modern Web Applications

Weeks 9–14

Build modern single-page and server-rendered web applications using React hooks, Next.js App Router, dynamic routing, and Tailwind CSS layout.

Key Module Topics:

React Component Lifecycle, useState, useEffect, and custom hooks
Next.js App Router (Pages, Layouts, Server vs Client Components)
Tailwind CSS Utility Styling & Responsive Layouts
Form Handling & Client Validation Techniques

Module 4: API Integration, State Management & Production Deployment

Weeks 15–20

Integrate third-party RESTful APIs, implement state management, configure CI/CD deployment pipelines, and publish 5 capstone portfolio projects.

Key Module Topics:

REST & GraphQL API Consumption
Client-Side Caching & Error Boundary Resilience
Automated Deployment on Vercel with GitHub Actions
Portfolio Presentation, Resume Prep & Technical Interview Practice

What You'll Build: Hands-On Projects & Labs

Gain real-world experience through capstones and practical laboratory assignments.

Lab Project

Personal Developer Portfolio Site

Build and deploy a responsive personal portfolio website showcasing your technical skill set, background, project case studies, and contact form.

Deliverables:

Next.js & Tailwind CSS responsive website
Dark mode toggle support
Deployed on Vercel with custom domain setup

Next.js

Tailwind CSS

Vercel

Responsive Web Design

Lab Project

Interactive Web Application (Task & Analytics Dashboard)

Create a feature-complete productivity web app with interactive drag-and-drop boards, filtering capabilities, local storage persistence, and dynamic state.

Deliverables:

React/Next.js dashboard with interactive state
Local storage or IndexedDB persistence layer
Accessible UI controls and clean component architecture

React State

Hooks

TypeScript

Accessibility

Lab Project

Third-Party API Integration Project (Weather & Geo App)

Develop a dynamic data visualization application fetching live telemetry from public APIs with robust error handling, search debouncing, and skeleton loaders.

Deliverables:

API fetching module with TypeScript interface definitions
Debounced search inputs and error state fallbacks
Clean visual data presentation using Tailwind CSS

Async/Await

TypeScript Interfaces

API Integration

Error Handling

Lab Project

Open-Source Contribution Project

Identify an open-source project or community repository, submit a peer-reviewed Pull Request resolving an issue or adding a useful feature, and adhere to contribution guidelines.

Deliverables:

Merged or peer-reviewed GitHub Pull Request
Issue discussion and clear documentation notes
Automated test coverage verification

Git Fork Workflow

Open-Source Etiquette

Code Review

Collaboration

Lab Project

Cloud Deployment & Continuous Integration Pipeline

Set up a GitHub Actions CI pipeline for a full-stack Next.js app to automatically run linter checks, TypeScript compilation, and static build exports on every commit.

Deliverables:

Automated GitHub Actions workflow YAML file
Zero-downtime deployment setup on Vercel
Linter & build badge indicators on GitHub README

GitHub Actions

CI/CD

Next.js Build Process

Automated Testing

Outcomes & Career Pathways

High-demand job roles and career trajectories for graduates of this skill pathway.

Junior Web Developer / Frontend Engineer

Creates responsive user interfaces and web applications using modern React, TypeScript, and CSS frameworks.

Est. Salary:$65,000 - $85,000

Full-Stack Software Engineer (Entry Level)

Develops client components, server routes, API integrations, and database schemas for web platforms.

Est. Salary:$70,000 - $90,000

Junior Software Quality & Test Specialist

Writes automated test scripts, reviews code quality, and verifies web application functionality.

Est. Salary:$60,000 - $78,000

Related Learning Resources & Official Guides

Curated free study materials, official exam blueprints, and documentation.

Documentation

MDN Web Docs (JavaScript & Web Technologies)

The authoritative standard documentation for JavaScript, HTML, CSS, and Web APIs.

Free Material

FreeCodeCamp Web Development Path

Free interactive coding exercises and project certifications in JavaScript and React.

Documentation

Official Next.js Documentation & Learn Course

Official interactive tutorial for learning Next.js App Router, Server Components, and deployment.

Interactive Registration Stub

Join Software Development Cohort

Submit your interest to join the upcoming Software Development bootcamp or access learning materials.