Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/batiste1998/pokemon-mvc

Une application Node.js simple démontrant l'architecture MVC (Model-View-Controller) en utilisant une base de données de Pokémon.
https://github.com/batiste1998/pokemon-mvc

ejs expressjs mongodb mongoose mvc-architecture nodejs

Last synced: 14 days ago
JSON representation

Une application Node.js simple démontrant l'architecture MVC (Model-View-Controller) en utilisant une base de données de Pokémon.

Awesome Lists containing this project

README

        

# 🌟 Pokémon Management Application 🌟

## 😊 Description

Welcome to the Pokémon application, a modern Pokédex interface that allows you to add, edit, delete, and view Pokémon! This project is built with an MVC architecture to ensure modular and maintainable code structure.

## 🛠️ Technologies Used

- Node.js + Express: Backend and API for handling Pokémon operations.
- MongoDB (Mongoose): NoSQL database to store Pokémon information.
- React: Dynamic frontend for a responsive user experience.
- MVC: Architecture for separating the Model, View, and Controller.

## 🎯 Features

- View a list of Pokemon
- Add new Pokemon to the collection
- Update existing Pokemon information
- Delete Pokemon from the collection

## 🚀 Prerequisites

Before you begin, ensure you have met the following requirements:

- Node.js (v14.0.0 or later)
- npm (v6.0.0 or later) or yarn (v1.22.0 or later)
- A modern web browser

## 📦 Installation

To install the Pokémon Management Application, follow these steps:

1. Clone the repository:

```sh
git clone https://github.com/Batiste1998/pokemon-mvc
```

2. Navigate to the project directory:

```sh
cd pokemon-app
```

3. Install the dependencies:

```sh
yarn install
```

4. Launch the project with :

```sh
yarn dev
```

5. Open your web browser and visit `http://localhost:3000`

6. You should now see the Pokémon Management Application running in your browser.

## ⚙️ API Integration

This application requires a backend API to function properly. Ensure that the API is running and accessible. The API endpoints should be configured in the `src/api/pokemons.js` file.

## 🐉 Acknowledgements

- [React](https://reactjs.org/)
- [Tailwind CSS](https://tailwindcss.com/)
- [Axios](https://axios-http.com/)