The Pokédex App is a web application that allows users to browse Pokémon, view various information about them, and save their favorite Pokémon. This application includes user authentication, an API for managing data, and utilizes an external API to fetch Pokémon information.
-
User Authentication:
- Registration and login pages for users with unique usernames and encrypted passwords.
- Passwords are securely stored using modern encryption methods (bcrypt).
-
Pokémon Browsing:
- A homepage displaying a list of Pokémon with pagination.
- Sort Pokémon by name or by number.
- Search functionality to find Pokémon by name.
-
User Features:
- Authenticated users can search for other users and view their favorite Pokémon.
- A personal user page displaying the authenticated user’s favorite Pokémon and settings to change their username and password.
- Users can like and unlike Pokémon.
-
Information Pages:
- Detailed information page for each Pokémon, accessible to all users.
- User profile pages that show the favorite Pokémon of the user (only for authenticated users).
-
Header, Main, and Footer:
- A consistent layout with a header, main content area, and footer across all pages.
- Frontend: React (with React Bootstrap for styling). Redux is utilized for state management, enabling efficient handling of application state across components.
- Backend: Node.js and Express
- Database: PostgreSQL
- External API: Pokémon API (for fetching Pokémon data)
- Authentication: JSON Web Tokens (JWT) for secure authentication
- Security: Measures to prevent SQL injection and cross-site scripting (XSS)
- Clone the repository:
git clone [email protected]:k2matu/Pokedex.git
- Install Backend Dependencies
cd Pokedex/server
npm install
- Build and Start the Backend:
cd ..
docker-compose up --build
- Install Frontend Dependencies
- Open another terminal window, navigate to the client directory, and install the required dependencies:
cd client && npm install
- Run the frontend
npm run dev
- Access the Application
http://localhost:5173/