TechGames

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

(★ 30)

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

TechGames Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<h1 align="center">
  TechGames
</h1>

<p align="center">
  <a href="#-project">Project</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
  <a href="#technology">Technology</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp; 
  <a href="#features">Features</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp; 
  <a href="#how-to-run">How to run</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp; 
</p>

<br>

## 💻 Project
TechGames is a complete gaming news portal to stay on top of everything in the gaming world.<br>

## Technology
This project was developed with the following technologies:

- [Node.js](https://nodejs.org/en/) 
- [ReactJS](https://reactjs.org/) 
- [Postgres](https://www.postgresql.org/) 
- [DateFNS](https://date-fns.org/) 
- [Sequelize](https://sequelize.org/) 
- [Sucrase](https://github.com/alangpierce/sucrase)

## 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:

```sh
yarn or npm
```

3. 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:

```sh
yarn sequelize db:migrate or npx sequelize db:migrate
```

4. With that done, start both backend and frontend servers by typing:

```sh
yarn dev or npx dev
```

5. When you open the browser, access the route 'http://localhost:3000/post/new' to add a new post.

---

Made By ♥ [Elian Campos](https://github.com/lyandeveloper). Add me on [LinkedIn](https://www.linkedin.com/in/elian-campos/) :wave:

TechGames

TechGames Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

TechGames

TechGames Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README