TechGames is a complete gaming news portal to stay on top of everything in the gaming world

TechGames is a complete gaming news portal to stay on top of everything in the gaming world

TechGames is a complete gaming news portal to stay on top of everything in the gaming world.

TechGames

💻 Project

TechGames is a complete gaming news portal to stay on top of everything in the gaming world.

Technology

This project was developed with the following technologies:

Features

The portal has a posting system where the administrator places the post banner, title, category and post content, in which I implemented Tinymce to convert my text to HTML.

On the home page, all posts are ranked by the most recent. I used Date-FNS to calculate how much time has passed since posting.

This is what it looks like when the user clicks on the post. Making it possible to watch videos and etc.

The user can share the post on social networks, as well as comment on it using Facebook.

The portal also has a search system.

There is also the possibility to see posts by category.

How to run

  1. Clone the project.

  2. When cloning, open both backend and frontend folder in an editor of your preference, install the dependencies on your terminal by typing:

yarn or npm
  1. If you use docker, install a postgres container, otherwise install a postgres server on your machine. With that done, in the backend folder run migrations, typing:
yarn sequelize db:migrate or npx sequelize db:migrate
  1. With that done, start both backend and frontend servers by typing:
yarn dev or npx dev
  1. When you open the browser, access the route 'http://localhost:3000/post/new' to add a new post.

Download Details:

Author: lyandeveloper

Source Code: https://github.com/lyandeveloper/TechGames

react reactjs javascript gamedev

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

How native is React Native? | React Native vs Native App Development

Article covers: How native is react native?, React Native vs (Ionic, Cordova), Similarities and difference between React Native and Native App Development.

Increase Performance of React Applications Via Array JavaScript Methods

Increase Performance of React Applications Via Array JavaScript Methods. We will create a simple event management application in the react to add, update, and delete an event.

Routing in React without React-Router

I have been using React JS in my projects for quite some time now and am used to managing routing in my app using the react-router package. I have always been keen on having as little dependencies in my apps as possible, so, I always felt perturbed by the use of this particular package in simpler apps which did not have complex routes.

The Ugly Side of React Hooks

In this post, I will share my own point of view about React Hooks, and as the title of this post implies, I am not a big fan.

Forms of Composition in JavaScript and React

One of the core ideas in functional programming is composition: building larger things from smaller things. The canonical example of this idea should be familiar with legos.