Introducing BUGBytes: The ultimate hub for gamers to connect, collaborate, and conquer challenges together. With BUGBytes, you can create an account and dive into a world of shared insights and creative problem-solving. Tackle bugs in games as a community, enhancing the gaming experience for everyone involved.
BUGBytes is also your go-to for game ratings. Share your gaming experiences and contribute to a collective pool of reviews. Join BUGBytes today and be part of a dynamic gaming community where collaboration is key, and innovation is at your fingertips.
- Installation
- Technologies Used
- Screenshots
- Deployed Application
- References and Sources
- License
- Contact
-
Navigate to your terminal or command prompt of choice.
-
Establish a directory of your choice where you would like to house the project.
cd path/to/your/directory -
Once you are in your chosen directory, run the following command:
git clone https://github.com/YourUsername/BUGBytes.git -
After running the command, and the repository is cloned, move into the project:
cd BUGBytes -
Happy coding! 😊
To easily install packages, run the following command in your terminal:
npm i
Below are the individual packages required to run this application
| Packages Required | Installation |
|---|---|
| Vite (4.4.5) | npm i vite |
| React-Icons (4.10.1) | npm install react-icons --save |
| HTML-Parser (4.2.1) | npm install html-react-parser --save |
| React (18.2.0) | npm i react |
| MDBootstrap (6.2.0) | npm i mdb-react-ui-kit |
| Express (4.17.2) | npm i express |
| Mongoose (7.0.2) | npm i mongoose |
| React Bootstrap (2.8.0) | npm install react-bootstrap bootstrap |
| Cloudinary (1.40.0) | npm i cloudinary |
| bcrypt (2.4.3) | npm 1 bcrypt |
| Apollo-Server (4.7.1) | npm install @apollo/server graphql |
Additional Technologies
- RAWG API: API source that allows us to access game information.
- Heroku: Cloud platform that enables us to deploy our web application.
- MongoDB: Primary NoSQL database system to manage our data.
- Node: JavaScript everywhere! Used to simplify development on both the front-end and back-end.
- Cloudinary: Cloud-based platform for managing, optimizing, and delivering media assets such as images for applications.
Homepage
Login
Register
Search Results
Profile
Heroku: BUGBytes
Our team utilized numerous resources to aid in the development of this application. Each of these resources were key to understanding our direction and how to handle each step. Starting with working through documentation to understand our API key (RAWG), Apollo Server, Cloudinary, React-Bootstrap components, Vite, and Heroku.
Reading through articles and developer forums were vital in reaching our goals. These materials were sourced through sites such as Medium, MDN, Stackoverflow, W3Schools, and viewing YouTube tutorials (when working through setting up our bugs comment system).
We also garnered assistance from numerous tutoring sessions, office hours, and discussing our ideals and directions with our colleagues who were also able to assist us overcoming our obstacles.
