Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/luukve/luuk.gg

This is an example of how to build a complex web application
https://github.com/luukve/luuk.gg

graphql mongodb nodejs react typescript

Last synced: 12 days ago
JSON representation

This is an example of how to build a complex web application

Awesome Lists containing this project

README

        

# Luuk.gg

This is an example of how to build a complex web application.

You can watch my in-depth explanation of how this application is written at https://www.youtube.com/watch?v=Cis8e-mZBJo

Both the client and server are written in [TypeScript](https://www.typescriptlang.org), using [React](https://reactjs.org) and [NodeJS](https://nodejs.org) respectively. If you need tips on how to develop apps or just want to chat, use the [Messenger](https://luuk.gg/messenger) page, [LinkedIn](https://www.linkedin.com/in/luukvanegeraat) or [email protected].

### **Dashboard**

- Displays an introduction to [Luuk.gg](https://luuk.gg)
- Displays detailed descriptions of each page

### **Career**

- Implements the [Github GraphQL API](https://docs.github.com/en/graphql) and [Google Maps API](https://developers.google.com/maps)
- Displays the number of code contributions I made
- Displays a world map with markers of places I worked at

### **Cooking**

- Implements the [Google oAuth API](https://developers.google.com/identity/protocols/oauth2) and [AWS S3 API](https://aws.amazon.com/s3)
- Displays a list of recipes with filters and sort options
- Users can submit new recipes when signed in

### **Messenger**

- Implements the [Slack API](https://api.slack.com) and [Websocket API](https://developer.mozilla.org/en-US/docs/Web/API/WebSocket)
- Users can chat with me in real-time
- Displays my Slack online status

### **Meeting**

- Implements the [Twilio API](https://www.twilio.com/docs/usage/api) and [WebRTC API](https://developer.mozilla.org/en-US/docs/Web/API/WebRTC_API)
- Users can have a 1:1 meeting with video/audio
- Displays a sharable room link to invite others

### **Chess**

- Implements the [Stockfish chess engine](https://github.com/official-stockfish/Stockfish)
- Users can play alone or versus a powerful computer
- Displays a rich and intuitive interface