Welcome aleksandrsg,
Web Project Adopt a Pet developed on Django framework together with other web languages and technologies
like Stripe (e-commerce functionality implementation), Bootstrap (responsive design) ect.
Frameworks like Django or Flask helped me to see clear full picture of web development process
from front-end till back-end development.
Project consists of five apps: Home, Pets, Donation, Blog and Accounts.
Project wireframe you could find in directory Static / Wireframes.
As a Web Resource owner I could:
- Manage and store Database with pets who need homes;
- Create, Update, Delete data from Database;
- Receive donations for Project development;
- Receive comments from persons who have adopted the pets
As a Web Resource user I could:
- Make donation to support a Project;
- Leave a comment to owner and for other users;
- Find a pet for adoption;
To develop Project the author use the following basic web technologies:
Languages and Frameworks:
- Django Framework,
- HTML,
- CSS,
- Javascript,
- Bootstrap framework,
- Stripe API,
- Jinja,
- Gunicorn,
- Whitenoise,
- Pillow,
- Psycopg2,
- Dj-database-url.
Development and hosting tools:
- GitPod IDE,
- GitHub,
- Heroku,
- Postres DB ad-on.
The project was created, developed and tested in GitPod IDE step by step manualy.
Testing protocol:
- Open Home Page and test Logo link, test all navigation links, test all buttons and elements position.
- Open Our Pets Page and inspect Pets card position, card description, card button.
- Click on Pet card button (Description) and redirected to full description page.
- Inspect and check all elements and link on Pet Description Page.
- Open Donation Page, complete the Donation Form and submit Form. Test link return to Home Page.
- Open Blog submenu Comments, inspect comments position and all comments elements (title, author, date, description).
- Open Blog submenu New_Comment, Sign in and complete the Comment Form, if not authorized go to
Registration Page and complete Sign Up form. Go back to Page New_Comment, complete and submit
New_Comment Form, test Logout button. - Deployment to Heroku.
Open the Donation Page, complete the Form.
In field Credit or Debit Card type testing data
card number: 4242 4242 4242 4242
card expared date 09/20
cvc 123
post code 12345
Submit the form and redirected to success Donation Page.
Stripe confirmation:
This Project was created and developed in GitPod IDE and
deployed on Heroku cloud service
Stored in GitHub repository: https://github.com/aleksandrsg/adopt_a_pet
Heroku repository: https://adopt-a-pet-1.herokuapp.com/
- To deploy Project have to make registration on www.heroku.com
- Press button NEW on the top right corner
- Choose function: Create New App
- Type App name: adopt-a-pet-1
- Choose a region : Europe
- Push button CREATE APP
- Go back to GitPod IDE and make connection with Heroku
- Type in terminal: $ heroku login (enter name and password)
- Type in terminal: $ heroku add remote heroku https://git.heroku.com/adopt-a-pet-1.git
- Type in terminal: $ git add .
- Type in terminal: $ git commit -m "Adopt-a-pet-1 Deployment"
- Type in terminal: $ git push heroku master
- Go back to Heroku, choose Adopt-a-pet-1 on the left side
- Press button OPEN APP on the top right coner
- App works.