Skip to content

MohdAqdasAsim/portfolio

Repository files navigation

Contributors Forks MIT License LinkedIn


Logo

Mohd Aqdas Asim

View Live Site »

Table of Contents
  1. About The Project
  2. Getting Started
  3. Screenshots
  4. Contributing
  5. License
  6. Contact
  7. Acknowledgments

About The Project

Product Name Screen Shot

There are many amazing game catalog websites out there, but Beyond Realms was built as a learning project with something special in mind: providing a simple yet interactive way to explore games using the RAWG API. Here's why Beyond Realms stands out:

  • Focus on learning: This project is designed for anyone interested in understanding how to handle and integrate APIs in the frontend.
  • Accessible code: Anyone can view the codebase to see how the RAWG API powers the site and is implemented in React with Tailwind CSS.
  • Gaming made easy: Browse through games with an intuitive interface and discover your next favorite title.

Of course, this project is a work in progress. If you'd like to contribute or suggest improvements, feel free to check out the repository and dive into the world of API-based web development!

(back to top)

Built With

This project was built using several key technologies to ensure a responsive and dynamic experience for users. Here are the major frameworks and libraries that form the foundation of Beyond Realms:

  • React
  • TypeScript
  • Tailwind CSS
  • React Router
  • Vite

These tools streamline the development process and enhance the website's functionality and performance.

(back to top)

Getting Started

This is an example of how you may give instructions on setting up your project locally. To get a local copy up and running follow these simple example steps.

Prerequisites

This is an example of how to list things you need to use the software and how to install them.

  • npm
    npm install npm@latest -g

Installation

Below is an example of how you can instruct your audience on installing and setting up your app. This template doesn't rely on any external dependencies or services.

  1. Get a free API Key at https://rawg.io/apidocs

  2. Clone the repo

    git clone https://github.com/MohdAqdasAsim/Beyond-Realms.git
  3. Install NPM packages

    npm install
  4. Enter your API in config.js

    const API_KEY = `YOUR_API_KEY`; // Replace with your actual API key
  5. Change git remote url to avoid accidental pushes to base project

    git remote set-url origin your_github_username/your_repo_name
    git remote -v # confirm the changes

(back to top)

Screenshots

Here are some more screenshots of the website:

(back to top)

Contributing

Contributions make the open-source community such an incredible place to learn, inspire, and innovate. Any contributions you make are greatly appreciated and help enhance this project.

If you have a suggestion to improve the project, feel free to fork the repo and submit a pull request. You can also open an issue with the "enhancement" tag. Don't forget to give the project a star if you find it helpful—thanks for your support!

Steps to Contribute:

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

(back to top)

License

Distributed under the MIT License. See LICENSE.txt for more information.

(back to top)

Contact

Mohd Aqdas Asim - @mohdaqdasasim - [email protected]

Project Link: https://github.com/MohdAqdasAsim/Beyond-Realms

(back to top)

Acknowledgments

Use this space to list resources you find helpful and would like to give credit to. I've included a few of my favorites to kick things off!

(back to top)