Description
This is an app where user's can look up information on video games using an api from RAWG. The user's can also create a collection of games they own and record the games they have played or own. This project was a follow on from the animi-data and bug tracking app using their different concepts. From animi-data That project was mainly using an api and displaying the information on my website. Bug tracking app I worked with a database getting and sending data to my database. I combined both of them by getting information from the api and storing information users selected to add to their collection.
Software / Languages
- React
- JSX
- CSS3
- JavaScript
- Firebase
- TanStack Query
Lessons Learned
How react renders and when information will be displayed on the page, I learnt a lot from this project as I didn't fully understand how rendering worked.
Using React with a backend (Firebase) and Api. This took a most of my time as trying to sort data from one place to another and pick the best solutions to provide me the best answers.
Understanding how firebase stores information. I'm familiar with MongoDB and SQL databases but firebase did it a bit different and I had to get my head around the new way to get data.
Using useEffect less for API calls and instead using react query.
Future features
See other users games collection if public to other users.
Rate games in your collection how how satisfied you were with them.
Set if the game is completed or not.
Deployment
Deployed on render with firebase as the database.
Working On / Research
Add and improve accessibility on website.
Better protection on database.