JavaScriptRESTful API with MySQLGetStream APICORS-Based API CommunicationFull-Stack Web AppSecure User Authentication

Tuesday, January 30, 2024

Full-Stack Web Application: Forum Threads, API Integration, and NodeJS Backend + MySQL

As part of a collaborative team of four, we developed a fully functional web application with a dynamic JavaScript-based frontend and a RESTful server-side API. The API leveraged CORS-based communication to ensure secure data transfer, and we integrated the GetStream API to manage forum threads. A MySQL database was used for storing the backend application state, ensuring efficient data handling and retrieval.

The application was deployed with Heroku for the backend and database (using the ClearDB plugin) and Netlify for the frontend. This deployment strategy enabled smooth, secure user authentication and seamless communication between the frontend and backend.

Currently, a revamped version of the application is being rebuilt using Next.js and TypeScript, further improving performance and scalability.

Link to videos with old implementation of the project:

All features: https://youtu.be/f-w8QMDpDFw

Introduction: https://youtu.be/LtmxfEfSb4w

Threads and new User: https://youtu.be/iGu5zKD2ehw

Search Bar: https://youtu.be/qXFLSK5Vo9Y

Upload, Log Out and Flagging Buttons: https://youtu.be/8TxlhlczSuk

Registration Form: https://youtu.be/LbGkrEla_7o

Admin Functions and Register List: https://youtu.be/F0bKtgEtm_I

Register List: https://youtu.be/aeVj9p88P8w

© 2024 Gino Odar