Details
PetLove
An application for searching a new house for pets and for people who looking for a new cute friend in their life. App consist of 6 public pages, 2 private pages (with two sub pages Favorites and Viewed) and pages for login and registration users. The app has a responsive design and is optimized for mobile devices. The app uses REST API for fetching data from the server. User can filter pets by keyword, type, gender, location, category, popularity and price. He/She can add pets to favorites and view them later, contact with owner and create pet card by himself/herself.
Type: FRONTEND
React, JavaScript, Redux Toolkit, Redux Persist, Styled-components, REST API, Material-UI, Axios, react-hook-form, React-toastify, formik, yup, react-select, axios
VSCode, Figma, Git, GitHub, Cloudinary, Netlify
Agile, Mobile First, Responsive Design, Authentication, Pagination, Filtering, Form Validation, Pixel Perfect
Individual frontend project on React and REST APIs. The app has a responsive design and is optimized for mobile devices. The app uses JWT tokens for authentication. User can login and change avatar or user's info. Also when user authorized he can create pet card, add to favourites and contactn with pet's owner. This application has Splash screen also. For DatePicker I use Material UI library, for input-select I use React-Select library. Also there filter for pets by keyword, category, type, location, gender, popularity and price. All images have webp format for optimization. For form validation I use Formik, React-Hook-Form and Yup libraries due to technical requirements. For notifications I use React-toastify library. For fetching data from server I use Axios library. For styling I use Styled-components library. For state management I use Redux Toolkit library. For persisting state I use Redux Persist library. On News page user can read news about animals and filter them by keyword.