Paw Friend

Live link https://lucky-froyo-91368b.netlify.app

Overview

A web application using React, TypeScript, React Router and Redux . The application is designed to display a list of dogs and allows users to choose favourite dogs, see the list of favorite dogs and send Match Request. Match Request send list of dogs info (from favourite) to server and give user a Match for only one dog, that can be his best friend for adoption.

Implementation Details

Creating this CPA these steps were followed:

1. Created a new React project using Vite and TypeScript.
2. Structured the project by creating the necessary components, files, and folders.
3. Implemented the component responsible for displaying the list of items.
4. Added sort, search and pagination functionality.
5. Auth page added, user is been checked for auth coockie token every fetch request if not authorized, user will be redirected to AuthPage.
6. Utilized Git for version control, creating regular commits to track progress

Running the Application Locally

To run the application locally, please follow these steps:

1. Clone the repository from the provided Git link.
2. Navigate to the project's root directory.
3. Install the necessary dependencies by running the command npm install.
4. Once the dependencies are installed, start the development server using the command "npm run dev".
5. Open your web browser and visit http://localhost:3000 to access the application.