SIT313High Distinction (A)

Full-Stack Development: Secure Frontend Applications

Trimester 1, 2023

This unit covers full-stack development fundamentals, including frontend development with React, backend integration, Firebase authentication, and secure coding practices. I developed skills in React, Firebase, Express.js, and modern web application development.

Projects (10)

001

Personal Website

web

Creating a personal website using HTML and CSS

PDF EvidenceHigh Distinction

002

Welcome Email

web

Creating a welcome email for Deakin University

PDF EvidenceHigh Distinction

003

Home Page with React

web

Designing a home page using React and Chakra UI

PDF EvidenceHigh Distinction

004

New Post Page

web

Creating a new post page for articles and questions

PDF EvidenceHigh Distinction

005

Login & Registration Page

web

Building login and registration pages with Firebase Authentication

PDF EvidenceHigh Distinction

006

Firestore Integration

web

Integrating Firestore database for data persistence

PDF EvidenceHigh Distinction

007

Website Deployment

web

Deploying the web application to Netlify

PDF EvidenceHigh Distinction

008

Newsletter Feature

web

Implementing newsletter subscription functionality

PDF EvidenceHigh Distinction

009

Subscription Plans

web

Adding subscription plans with Stripe integration

PDF EvidenceHigh Distinction

010

DEV@DEAKIN Web Application

web

Complete full-stack web application with advanced features

PDF EvidenceHigh Distinction

Key Learnings

React component developmentFirebase authentication and FirestoreFrontend development best practicesSecure coding practicesUser authentication systemsWeb application deploymentFull-stack development fundamentals

Tools Used

ReactFirebaseChakra UITailwind CSSNetlifyCodeMirrorReact Router

Back to Overview