Buzzer Full Stack Development Assessment uses React and NodeJS to mimic social media functions

Last update: Jan 16, 2022

Buzzer-Full-Stack-Development-Assessment

This project is a coding challange provided by the company Buzzer. The purpose is to develop a social media platform to demonstrate my ability to use React and NodeJS. This program uses a mock data set that contains user's posts. The program allows a user to navigate and filter the data using React and NodeJS.

The server is enabled for cors, or proxy in development is an option but not required.

For educational purposes only.

Demo

Check out the demo hosted at https://buzzerreact.joshuaduma.ca/

Access the headless API at https://buzzerapi.joshuaduma.ca/

Development Instructions

Run npm install to install the packages in the root directory.

Run cd website then npm install to install the packages in the website directory.

Run node api.js to run the server on port 4111.

Navigate to cd ./website to run the React website in development.

Run npm start to start the React website in development.

Server Instructions

Run pm2 start api.js --name buzzerapi --watch and pm2 save to save the configuration.

To run the website, move the website build to the server using rsync.

Then run pm2 start main.js --name buzzerreact --watch and pm2 save to save the configuration.

GitHub

https://github.com/JoshuaDuma/Buzzer-Full-Stack-Development-Assessment
You might also like...

MERN Stack App built with React, Redux, NodeJS, ExpressJS, MongoDB, and deployed to Ubuntu Server on AWS EC2 Instance

MERN Stack App built with React, Redux, NodeJS, ExpressJS, MongoDB, and deployed to Ubuntu Server on AWS EC2 Instance. JWT Authentication – Hook Up with ASP.NET Core 3.1

Mar 5, 2022

A FULLSTACK Web Application built using MERN Stack (MongoDB, Express, React, Nodejs)

A FULLSTACK Web Application built using MERN Stack (MongoDB, Express, React, Nodejs)

Socialize This is a FULLSTACK MERN Website. This Website uses Reactjs on the Fro

Feb 26, 2022

An easy and straight forward full-stack web application boilerplate using Node.js Express as backend and React as frontend.

An easy and straight forward full-stack web application boilerplate using Node.js Express as backend and React as frontend. All packages are structured as Yarn Workspaces and written in Typescript. In addition, the web application can be built as Docker image using a multi stage built supported Dockerfile.

May 11, 2022

Very simple full-stack application using React, Java Spring Boot, and PostgreSQL.

Very simple full-stack application using React, Java Spring Boot, and PostgreSQL. The API was built following the N-Tier architecture. The goal was to explore and learn more in-depth the development of APIs, the use of Docker and deploying with AWS.

Apr 23, 2022

GraphQL first full-stack starter kit with Node, React. Powered by TypeScript

GraphQL first full-stack starter kit with Node, React. Powered by TypeScript

GraphQL first full-stack starter kit with Node, React. Powered by TypeScript

May 10, 2022

updated frontend template for full stack evm-based dapps. tools: typescript, hardhat, ethers, solidity, react

updated frontend template for full stack evm-based dapps. tools: typescript, hardhat, ethers, solidity, react

Oct 31, 2021

A full stack NFT marketplace built using react

Demo NFT Marketplace Goals: Concise code Well typed Modern react code using hook

Apr 25, 2022

Test-task-fullstack-dashboard - Full-stack dashboard App With React.js

Test-task-fullstack-dashboard - Full-stack dashboard App With React.js

Test Task: Full-stack dashboard app Link to task Link to Figma template Live Dem

Jan 6, 2022

This a full MERN stack ecommerce website for tool rentals.

This a full MERN stack ecommerce website for tool rentals.

Alamo Tools Table of Contents Description Installation Contributing Technologies Questions Description This a full stack ecommerce website for tool re

Dec 4, 2021
CRUD App using MERN Stack, it uses ReactJS for Front-end, NodeJS, Express For the Backend and Mongo DB as database!
CRUD App using MERN Stack, it uses ReactJS for Front-end, NodeJS, Express For the Backend and Mongo DB as database!

Book Collection List ?? Demonstration of the application | Features | Technologies used | Application installation ?? Demonstration of the application

May 12, 2022
The starter code for the final assessment project for Udacity's React & Redux course

Employee Polls Project This is the starter code for the final assessment project

Mar 17, 2022
Boilerplate app for full-stack MERN app with Create React App client toolchain. Uses JWT for auth.

Boilerplate app for full-stack MERN app with Create React App client tool chain. Includes React, JWT authentication, Mongoose/MongoDB, Apollo Server/Client, and ExpressJS.

Feb 2, 2022
Full-stack React app built with Typescript, Bootstrap, Apollo client on the frontend, and NodeJS/Express, Typescript, Apollo server, and MongoDB/mongoose on the backend.

Event Scheduler App This project was bootstrapped with Create React App. Event Scheduler is a React app that allows users to create events. An event c

Apr 24, 2022
Full Stack tutorial using ReactJS, NodeJS, Express and MySQL

Run this project If you want to try the finished project: Go to Start with MySQL to create the database Download the project Go to the client folder a

Apr 15, 2022
Learning to create environment for full stack serverless development using React and API (FARM)

page_type languages products description urlFragment sample javascript typescript azure functions Apps that can be used with as a starting point for s

Mar 22, 2022
Psn-social-network-public-source - PSN Social Network App Using React and Spring Boot

PSN SOCIAL NETWORK This app is for educational purpose only. PSN Social Network

Apr 21, 2022
Stram-social-messenger - Social messenger app using stream API

Stream Chat Messaging Example App Is your core product something that would bene

Apr 14, 2022
SocialUwU - A Social media website made with react and typescript
SocialUwU - A Social media website made with react and typescript

SocialUwU Introduction Social media website made by an idiot(me :)) with react,t

Mar 26, 2022
Dashboard untuk menampilkan aktivitas social media.

Social Media Dashboard Dashboard untuk menampilkan aktivitas social media. Dibangun menggunakan Create React App dan merupakan Single Page Applcation

Sep 19, 2021