This is a Full Stack Web Development milestone project. The site is device friendly and it implements a CRUD functionality along with stripe payment system and with a JavaScript video slider/swiper.
- The working website can be found here.
In order to test the site functionality without registering a new user there is a built in user to use it for.
Username: testme
Password: verifyme
-
- Easily and quikly understand what is the site about.
- Show that the site is based on private experience.
- Video examples.
- Options to access content.
- FAQ.
- Mobile friendly.
-
- Contact to support in case of additional questions.
- Options of the subscription plane.
- Make subscription.
-
- My profile page.
- Sorted videos by categories and subcategories.
- Video slider to navigate through videos.
- Search field.
- See upcomming events.
- Make likes and add a video in to the My List.
- Manage account.
The site was sketched on balsamiq and designed in to the Adobe Photoshop CC. During development process the design of the site was refined. Files of sketches and designs can be found end of this page.
- Balsamiq - Sketches.
- Adobe Photoshop CC - Site design.
- Bootstrap 4.5.3 - site structure and site responsiveness.
- CSS/CSS3 - styles.
- JavaScript - email sending's animation, loading and other thing.
- JavaScript OOP - vidoe slider.
- Django framework - Site functionalities.
- Django-allauth - User stories.
- Python - Programming language.
- Git - Version control.
- GitHub - Files repository.
- Heroku - Site deployment.
- PostgreSQL - Database.
- Amazon S3 - Storing images and static files.
- Stripe - Subscription system.
In order to make subscription on this site for testing please use the following credit card details:
Card number: 4242 4242 4242 4242
Exmeration date: 04/24
Security code: 242
Postcode: 42424
This site was tested in all modern browsers except Internet Explorer. Site responsivnes was tested with google chrome's web development tool.