Game-Stat-Tracker

A MERN stack project-website created to allow people to check their stats, see the latest news and see upcoming tournaments on multiple games.

• https://hungry-poitras-25342f.netlify.app/

Project Status

This project is currently in development. Project only has functionality for 1 out of 3 games (CS:GO) and currently lacks a blog feature. I also need to add a 404 page and responsive design.

Project Screen Shots

[ PRETEND SCREEN SHOT IS HERE ]

[ PRETEND OTHER SCREEN SHOT IS HERE ]

Installation and Setup Instructions

Clone down this repository. You will need node and npm installed globally on your machine.

Installation:

npm install

To Start Server:

npm start in server directory

To Start Client:

npm install in client directory

To Visit App:

localhost:3000/ideas

Reflection

I created this as a side project to learn fullstack development. I aimed to build a website which would place the functionality of many sites I use into one domain. This mainly being checking stats, checking upcoming tournaments, seeing the latest news and a place to discuss all things video-game related.

This project was quite challenging as I was essentially juggling learning React and Node all in the process of making this project.I struggled for a while to grasp the concept of React.js state and the idea of passing functions/state down components. This was significant learning curve.

I used React.js, Node.js and Express.js to create this project. I chose to use create-react-app, as it would save a lot of time with getting the project up and running. Better to get stuck in learning the new technology. However, in the future I plan to setup my own webpack.config.js file to better understand the build process.