GithubHelp home page GithubHelp logo

nunogois / game-search-expo Goto Github PK

View Code? Open in Web Editor NEW
17.0 3.0 1.0 392 KB

Mobile app that lets you search for games. Using IGDB and built with Expo (React Native)

License: MIT License

TypeScript 99.27% JavaScript 0.73%
react-native expo typescript mobile app react igdb games search android

game-search-expo's Introduction

banner that says Nuno Góis - Full-Stack Developer alongside a minimalist illustration of Nuno

Nuno Góis - Full-Stack Developer

👨🏻‍💻  About Me

I am a creative and driven 34 year old Full-Stack Developer from Portugal, with over 13 years of professional experience. Passionate for the job, love putting skills to the test, facing challenges in a creative and perfectionist way. Experienced with every step of developing and delivering cross-platform, modern and responsive software, providing end-users the best experience I can. Worked with several different technologies across the stack, always willing to learn more and improve skills. I excel at taking a focused, creative, out-of-the-box approach to challenges, leveraging my adaptability, hard-working nature, and quick-learning abilities to deliver striking results.

My passion for technology and providing innovative quality experiences has driven me to become a versatile and creative Full-Stack Developer. What makes me stand out is my creativity and adaptability. More than a developer, I like to think of myself as an inventor and creator. Focused on discovery and experimentation, I feel right at home on quick spikes and hackathons. I love tackling unique challenges, thinking of solutions and coming up with ideas. I usually thrive in a dynamic, smaller-sized collaborative environment where I can learn and innovate while working on challenging, passion-driven projects.

An image of @nunogois's Holopin badges, which is a link to view their full Holopin profile

🛠  Tech Stack

As a Full-Stack Developer, I constantly seek out new technologies and techniques to learn and explore. I have experience in both front-end and back-end development, and I am always adapting and adding to my knowledge. Thanks to my experience, I am able to quickly adapt to new technologies and frameworks. It's generally easy for me to join a new project and learn the stack being used in a short amount of time, so only looking at the technologies I used in the past may prove somewhat limiting.

Below are some of the technologies I've worked with or interacted with in the past.

JavaScript  TypeScript  Vue  Quasar  Nuxt.js  React  Material UI  React Native  Next.js  Expo  tRPC  Svelte  Astro  Socket.io  .NET  C#  Python  Go  Rust  Java  C  C++  PostgreSQL  SQL Server  MySQL  SQLite  MongoDB  Redis  Axios  GraphQL  Apollo GraphQL  Contentful  Elasticsearch  Stripe  Zapier  OpenAI  Node.js  Express  Bun  npm  yarn  pnpm  ESLint  Prettier  Webpack  Vite  Vitest  Jest  Cypress  WebAssembly  jQuery  Tailwind CSS  Bulma  Bootstrap  HTML  CSS  Sass  Stylus  Git  GitHub  GitLab  Markdown  Visual Studio  Visual Studio Code  Cloudflare  AWS  Google Cloud  Oracle Cloud  Firebase  Supabase  Docker  Jenkins  Linear  Trello  Slack  Discord  Figma  Photoshop  Homebrew  Warp  iTerm2  Windows Terminal  PowerShell  Android  Windows  macOS  Linux  Pop!_OS 

📊  GitHub Stats

🤝🏻  Contact / Socials


🍵  Support / Tea Offerings

Do you wish to support me? Consider making a small donation.
Some of the projects you find here are done on my free time and peppermint tea generally helps with my Crohn, making me a happy coder 😊
All donations are non-refundable.


Thank you for your time!

game-search-expo's People

Contributors

nunogois avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

Forkers

vaughan189

game-search-expo's Issues

How did you create a similar games infinite loop?

Hello!

I was wondering how you were able to create a infinite loop through the similar_games section in your Detail Screen? For example, I am seeing in your short clip you clicked on a game and within that it has a list of similar games. Once you clicked on one of them it brought you to the same screen, but with that game's information showing.

I have tried using several methods like navigation.push() which suppose to push the data to the detail screen and show the new data. Doing so will work but it won't go any deeper or further if I were to click another similar_games within that game. It just gives me an error saying it's undefined.

Here's a short video example of what I am talking:

Vid.mp4

As you can see here, I can't get the image cover to display because it would say the image_id is undefined and I am not sure why, when it should be under the same as /games api if were to use item.cover.image_id Another thing about this is that, you can see the name and the similar games disappears when I go to the third screen (final screen point).

How can I essentially keep all data consistent when the user navigates each game through similar_games?

Please let me know what you think and if this topic isn't relatable then please close this post. I just wanted to ask about this since you have it working on your project and I am confused how to get this to work.

Error message/Retrieving game image

Hello, sorry to bother you again :(

I have some question I want to ask you,

1.) I wanted to play around with your app and I have been getting an error message when I launch the app from expo. Here's an image link of what the error is showing.
https://drive.google.com/file/d/1qxXay-IjTiO8Qb-oNX53cr1bdeTgZSTX/view?usp=sharing

2.) So good news I was able to pull the list of games from IGDB but the issue I am only having so far is retrieving the game images. I am seeing in line 16 at

<Image style={styles.image} source={{ uri: props.game.image }} />

You only specify game.image which I am confused as to how you would use that to get the cover art? I am seeing on their IGDB website https://api-docs.igdb.com/#cover you would have to call image_id or url to get the image I am guessing. But when I try to invoke one of those two fields nothing happens or displays. However, I am able to display that name of the game titles, but I am confused as to how I can display the list of game images. Do you know how I can make this work?

Help getting games from IGDB

Hello,

I am trying to find an example of your code that shows how you were able to get the list of games. I want to do something like this with my app, but I am stuck on getting the games to show on my app.

I don't know if you have created a twitch account to gain access to the list of games and use a token for it, but I am just really confused on how to use this api. Do you have an example code that shows like, Coming soon and all it's games being called?

Please let me know if you have some kind of example of code I can see and it would mean so much if you can help. Thank you!!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.