Studying Frontend Development at Grit Academy (FE23)
- API managing data about students and courses.
- Node.JS backend serving API and admin pages.
- MySQL database keeping the data.
- Admin pages for managing the API content.
- Simple threaded hierarchical forum system.
- Single-page frontend client and a node.js/express server backend.
- Written in Typescript.
- Uses Passport for user authentication.
- Uses Websockets to live update changes to visiting clients.
- Dummy webshop frontend product list and shopping cart.
- Written in Typescript.
- Simple Scrum Board page with a Node.js/Express backend for the API.
- Dev branch (created after assignment delivery) adds websockets for real-time updates on task changes across clients, and drag and drop to move a task from In Progress to the Done column. Dynamic HTML for tasks is now handled via templates.
- Simple hot seat turn based fighting game.
- Features character classes with different attack moves and status effects.
- Notice board where users can add colored postit notes to a board.
- Registered users can create notes and edit or remove their notes.
- Users may "Like" a note.
- Using Firebase Firestore and Authentication services as backend.
- Site showing weather and pollution forecast reports.
- Responsive mobile-first design with darkmode toggle.
- Using the OpenWeatherMap API
- Searchable movie and actor database page with details view.
- Pages showing popular and trending movies.
- Using The Movie Database API
- Page for searching and presenting country information by country name, capital or language.
- Using the REST Countries API.
- Simple Rock Paper Scissors game for playing against the computer.
- Draw colored shapes in javascript to mimic the appearance of an image provided by the assignment.
- Portfolio page made only with HTML and CSS.
- CSS-only lightbox to view larger blog images.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent