All Projects → lyandeveloper → Techgames

lyandeveloper / Techgames

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

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Techgames

Gaintime
GainTime é um framework de HTML, CSS e JS para desenvolvimento de projetos responsivos, focado na simplicidade.
Stars: ✭ 19 (-17.39%)
Mutual labels:  html5, css3
Html5
HTML5学习、总结、实践
Stars: ✭ 493 (+2043.48%)
Mutual labels:  html5, css3
Tony
An Elegant WordPress Theme Based on ✌️Vue.js | 基于 Vue.js 的简洁一般强大的 WordPress 单栏博客主题
Stars: ✭ 462 (+1908.7%)
Mutual labels:  html5, css3
Mescroll
精致的下拉刷新和上拉加载 js框架.支持vue,完美运行于移动端和主流PC浏览器 (JS framework for pull-refresh and pull-up-loading)
Stars: ✭ 3,775 (+16313.04%)
Mutual labels:  html5, css3
Vue Music Player
🎵Vue.js写一个音乐播放器+📖One(一个).A music player + One by Vue.js
Stars: ✭ 729 (+3069.57%)
Mutual labels:  html5, css3
Theme Bmw
✋ Smart Voice: Voice for yourself | 微声: 请为自己发声
Stars: ✭ 373 (+1521.74%)
Mutual labels:  html5, css3
Responsive Grid Of Hexagons
CSS responsive grid of hexagons
Stars: ✭ 481 (+1991.3%)
Mutual labels:  html5, css3
T Shirts
The first OpenSource t-shirts (probably)
Stars: ✭ 300 (+1204.35%)
Mutual labels:  html5, css3
Cmui
自写的自适应跨平台css3框架,可应用于web、app、小程序
Stars: ✭ 17 (-26.09%)
Mutual labels:  html5, css3
Driveway
pure CSS masonry layouts
Stars: ✭ 607 (+2539.13%)
Mutual labels:  html5, css3
Vue Shiyanlou
😘基于vue2和vuex的复杂单页面应用,20+页面53个API(仿实验楼)✨✨
Stars: ✭ 342 (+1386.96%)
Mutual labels:  html5, css3
Demo Progressive Web App
🎉 A demo for progressive web application with features like offline, push notifications, background sync etc,
Stars: ✭ 798 (+3369.57%)
Mutual labels:  html5, css3
Vue3 Jd H5
🔥 Based on vue3.0.0, vant3.0.0, vue-router v4.0.0-0, vuex^4.0.0-0, vue-cli3, mockjs, imitating Jingdong Taobao, mobile H5 e-commerce platform! 基于vue3.0.0 ,vant3.0.0,vue-router v4.0.0-0, vuex^4.0.0-0,vue-cli3,mockjs,仿京东淘宝的,移动端H5电商平台!
Stars: ✭ 328 (+1326.09%)
Mutual labels:  html5, css3
Blog
记录前端开发日常点滴。为梦想Coding...
Stars: ✭ 386 (+1578.26%)
Mutual labels:  html5, css3
Efo
EFO是一个基于SpringBoot和Vue构建的文件分享系统,包括文件的上传与下载,文件的权限管理,远程文件管理等功能。
Stars: ✭ 327 (+1321.74%)
Mutual labels:  html5, css3
Blog
CSS大草原(一丝的博客)
Stars: ✭ 476 (+1969.57%)
Mutual labels:  blog, css3
Html Css
Curso de HTML5 e CSS3
Stars: ✭ 4,917 (+21278.26%)
Mutual labels:  html5, css3
Jianshu
仿简书nx+nodejs+nestjs6+express+mongodb+angular8+爬虫
Stars: ✭ 296 (+1186.96%)
Mutual labels:  html5, css3
Front End Daily Challenges
As of October 2020, 170+ works have been accomplished, challenge yourself each day!
Stars: ✭ 598 (+2500%)
Mutual labels:  html5, css3
Modern Html Starter Template
Modern HTML Starter Template
Stars: ✭ 752 (+3169.57%)
Mutual labels:  html5, css3

TechGames

GitHub language count GitHub language count GitHub last commit Repository issues License Author

Project   |    Technology   |    Features   |    How to run   |   


💻 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.

Made By ♥ Elian Campos. Add me on LinkedIn 👋

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].