Głównym celem ostatniego projektu CodersCamp2020 było dobudowanie front-endu do back-end'owej logiki, z którą zmierzyliśmy się w Projekcie 4 (https://github.com/piotr-bocian/Projekt-4). W ramach obu projektów powstała strona dla najlepszego na świecie (fikcyjnego) schroniska "Furry Tales".
Link do demo: https://furry-tales-shelter.netlify.app/
W ramch strony mamy szereg możliwości, z których część dostępna jest dla wszystkich odwiedzających, część dla zalogowanych użytkowników a część wyłącznie dla administratorów strony.
Możliwości niezalogowanego użytkownika: przeglądanie zwierząt ze schroniska, pogdląd informacji o konkretnym zwierzaku, przeglądanie postów, dostęp do wszytskich pozostałych zakładek na stronie ('Adopcja', 'Edukacja', 'Jak pomóc', 'O nas', 'Kontakt'), możliwość dokonania przelewu na rzecz schroniska, możliwość rejestracji.
Użytkownik zalogowany posiada dostęp do wszytskich możliwości użytkownika niezalogowanego oraz: możliwość logowania, dostęp do strony użytkownika (w tym możliwość edycji swoich danych, podglądu swoich wizyt adopcyjnych, możliwość dodnia postu do aktualnosci, możliwość wypełnienia formularza wolontariusza, możliwość umówienia wizyty adopcyjnej (wizyta do konkretnego zwierzaka lub ogólna wizyta adopcyjna)).
Administrator posiada dostęp do wszytskich możliwości użytkownika zalogowanego oraz dostęp do panelu administratora, w którym jest możliwość dodania nowego zwierzaka, dodania nowego posta lub dodania pracownika oraz dostęp do wszystkich zwierząt (w tym tych zaadoptowanych), płatności dokonanych na rzecz schroniska, formularzy adopcyjnych, użytkowników oraz wolontariuszy.
- React
- Custom Hooks
- React Router
- GSAP 3
- React Spring
- Material UI
- Styled Components
- Fetch API
- React Testing Library/Mock Service Worker
- Material-UI
- Team Lead: Piotr Bocian,
- Product Owner: Klaudia Wojciechowska,
- Tech Lead: Łukasz Żurawski,
- Development Manager: Daria Torz,
- Członkowie zespołu: Jan Eliasz, Adam Połynka, Szymon Suchodolski.
The main goal of the last CodersCamp2020 project was to add a front-end to the back-end logic that we had built in Project 4 (https://github.com/piotr-bocian/Projekt-4). As a result of both projects, a website for the world's best (fictional) shelter "Furry Tales" was created.
Demo link: https://furry-tales-shelter.netlify.app/
As a website user, we have a number of options, some of which are available to all visitors, some for logged in users and some only for website administrators.
Unlogged user options: viewing animals from the shelter, viewing information about a specific animal, viewing posts, accessing all other tabs on the site ('Adoption', 'Education', 'How to help', 'About us', 'Contact'), the possibility of making a transfer to the shelter, registration.
A logged-in user has access to all the possibilities of a non-logged user and: the ability to log in, access the user's website (which gives the ability to edit your data, view your adoption visits, to add a post to the news, to fill in a volunteer form, to arrange an adoption visit (visit to a specific pet or a general adoption visit)).
The administrator has access to all the possibilities of the logged in user and access to the administrator panel, where it is possible to add or delete a pet, add a new post or add an employee, access to all animals (including adopted ones), payments made to the shelter, adoption forms, users and volunteers.
- React
- Custom Hooks
- React Router
- GSAP 3
- React Spring
- Material UI
- Styled Components
- Fetch API
- React Testing Library/Mock Service Worker
- Material-UI
- Team Lead: Piotr Bocian,
- Product Owner: Klaudia Wojciechowska,
- Tech Lead: Łukasz Żurawski,
- Development Manager: Daria Torz,
- Członkowie zespołu: Jan Eliasz, Adam Połynka, Szymon Suchodolski.
Icons made by https://www.flaticon.com/authors/photo3idea-studio from https://www.flaticon.com/. Icons made by https://www.freepik.com/" from https://www.flaticon.com/. Image (main page) by https://pixabay.com/photos/?utm_source=link-attribution&utm_medium=referral&utm_campaign=image&utm_content=1149841/ from https://pixabay.com/?utm_source=link-attribution&utm_medium=referral&utm_campaign=image&utm_content=1149841/.