This web app allows users to input a Pokemon name, and it utilizes the Pokemon API to generate and display the corresponding Pokemon image if available. The frontend is built with EJS for dynamic HTML rendering, CSS for styling, and JS for user interaction. The backend is powered by Node.js.
- Node.js installed on your machine. You can download it here.
-
Clone the repository:
git clone https://github.com/gauravmazumdar21/Pokemon-finder.git
-
Navigate to the project directory:
cd pokemon-finder -
Install dependencies:
npm install
-
Start the server:
npm start
This will start the Node.js server, and you can access the web app at http://localhost:3000.
To build a Docker image for the Pokemon Finder app, you can use the following commands:
- Build the Docker image:
docker build -t nodejs-pokemon .- Run the Docker container:
docker run -it -p 3000:3000 nodejs-pokemonThis will run the app inside a Docker container, and you can access it at http://localhost:3000.
- Open your web browser and go to http://localhost:3000.
- Enter a Pokemon name into the input field.
- Click the "Generate" button.
- The corresponding Pokemon image will be displayed.
public/: Contains static assets (CSS, JS).views/: Contains EJS templates.javascript/: Contains client-side JavaScript.stylesheets/: Contains CSS files.server.js: Node.js server script.
express: Web framework for Node.js.ejs: Templating engine for embedding dynamic content in HTML files.
- You can customize the Pokemon API endpoint and other configurations in
server.js.
This project is licensed under the MIT License - see the LICENSE file for details.
- Thanks to the Pokemon API for providing Pokemon data.
Feel free to expand upon this README by adding more details about the specific features, dependencies, and any other relevant information about your web app.