Adopt Me is a React web application built with Vite and designed using Tailwind CSS. It allows users to explore and view pet details for adoption. The project implements both Server-Side Rendering (SSR) and Client-Side Rendering (CSR) for a seamless user experience.
- Pet Listings: Users can browse through a variety of available pets for adoption.
- Search and Filters: Users can search for specific pets or apply filters to refine their search.
- Pet Details: Detailed information about each pet, including their name, breed, age, and description, is provided.
- Responsive Design: The application is optimized for different screen sizes, ensuring a consistent experience across devices.
- Tailwind CSS: The project utilizes the Tailwind CSS framework for efficient and customizable styling.
- React: A popular JavaScript library for building user interfaces.
- Vite: A fast and lightweight build tool for modern web applications.
- SSR and CSR: The project utilizes both Server-Side Rendering and Client-Side Rendering techniques to enhance performance and interactivity.
- Tailwind CSS: A utility-first CSS framework for creating responsive and beautiful designs.
- Clone the repository:
git clone https://github.com/AbdulMohiz-01/adopt-me.git
- Install dependencies:
npm install
- Build the client:
npm run build:client
- Built the server:
npm run build:server
- Start the server:
npm start
- Open your browser and visit
http://localhost:3001
to access the application.
Contributions to the Adopt Me project are welcome! If you have any ideas, suggestions, or bug reports, please open an issue or submit a pull request.
The Adopt Me project is licensed under the MIT License. Feel free to use, modify, and distribute the code as per the terms of the license.
Enjoy exploring and viewing adorable pets with Adopt Me!