Pokemon_v2

Pokemon Quest: Gotta Catch 'Em All! Live demo here

Table of Contents

• General Info
• Technologies Used
• Features
• Screenshots
• Setup
• Usage
• Contact

General Information

Welcome to Pokemon_v2, your ultimate destination for Pokemon battles, exploration, and fun! This exciting mobile app brings the beloved world of Pokemon to your fingertips, allowing you to embark on thrilling adventures, collect powerful Pokemon, and compete with other trainers from around the globe.

Technologies Used

general:

• typescript - version 5
• npm - version 10.2.4
• node - version 20.11.0

backend

• apollo-server - version 4.10.0
• graphql - version 16.8.1

frontend

• next - version 14.1.0,
• react- version 18,
• prettier- version 3.2.5,
• tailwindcss - version 3.3.0,
• daisyui- version 4.7.2,
• eslint- version 8,
• husky- version 9.0.11,
• postcss - version 8,

Features

1. Registration & Login: Get started on your Pokemon journey by creating your account and logging in to access all the amazing features of the app.

2. Collect Your Pokemon: Venture into the wild and capture a diverse array of Pokemon species to add to your collection. From classic favorites to rare finds, there's always a new Pokemon waiting to be discovered.

3. Explore Available Pokemon: Browse through a comprehensive list of Pokemon available in the game, complete with detailed descriptions and stats to help you choose your team wisely.

4. Compare Your Pokemon: Test the strength of your Pokemon by comparing them with those of other trainers. Analyze stats, movesets, and abilities to strategize your battles and become the ultimate Pokemon master.

5. Compete and Win: Enter thrilling battles against other trainers in real-time PvP matches. Use your skills, knowledge, and carefully crafted team to outsmart your opponents and claim victory.

6. Gain Points and Rewards: Earn points and rewards for your victories in battles, completing quests, and achieving milestones. Level up your trainer profile, unlock new features, and unlock exclusive rewards as you progress.

Screenshots

Setup

Getiing started

1. First clone code from repository in your dedicated folder

git clone https://github.com/Agnieszka26/pokemon_v2.git

2. When you have the project cloned move to client folder...:

cd pokemon_v2/client

3. ...where install necessary dependencies:

npm install

4. Create your own environmental variables in .env file on the same level as app folder with keys:

NEXT_PUBLIC_EXAMPLE_KEY_IN_ENV=

5. Lastly, run the development server:

npm run  dev

Open http://localhost:3000 with your browser to see the result.

Congrats! 🚀 Your fronted is ready! Now, lets move to your backend server:

6. In your new terminal for the server run

cd pokemon_v2/server

7. install your dependencies via npm

npm install

8. make your local backend server up and running:

npm start

Congrats! 🚀 Your backend is ready! Now the project is ready to development and testing on your local machine!

Usage

The purpose of this project is to train the skills as a fullstack developer. The project is in development status. If you want to develop this project, do not hesitate and contact us!

Project Status

Project is: in progress

Contact

Created by @UlEdy and @Agnieszka26 - feel free to contact us!