Final Release

Final Release

This is the final release of my website, this has all of the features I intend to put into this site whilst being as far as I can tell bug-free. With this release, I will be wiping my firebase database and making some dummy posts; this will be included in the testing video.

What's New

• Added post sorting
• Added post delete button
• Refreshed font
• Added logo
• Added loading screens
• Added guest mode
• Mobile adaptation
• Added more tags

Bug fixes

• Fixed new post image upload saying 'profile picture'
• Fixed no tags causing the page to not load
• Made signin/signup page loadless
• Fixed stretched images for post
• Fixed dummy post being made on like of someone else's post
• Fixed page not reloading on post delete
• Fixed profile banner margin
• Upload only accepts valid formats
• Fixed profile page infinitely loading in guest mode
• Fixed having no posts causing infinite load
• Fixed having no posts causing error

Relevant implicaations

Social

My website is intended for a wide audience and can be accessed by anyone old enough to have an email address.

Cultural

There are no checks for ethnicity or culture on my site. Post tags are limited to pre-approved tags created by an ai and are designed to be generalized.

Legal

All images used on my site are within their license, such as the image on my home page which is covered under the Unsplash license.

My website also does not collect any unnecessary data from my users with collected data consisting of the following:

• email
• username
• liked posts
• profile photo

this is in addition to any info submitted within a post

Ethical

I do not have the capacity to manually or automatically filter out offensive or problematic posts, this is unavoidable due to my situation regarding manpower and time constraints.

Functionality

My website has exceeded my initial goals although has not implemented every idea I can up with due to time constraints, for every uncompleted issue I have left a comment explaining why.

Usability

My site uses a consistent color scheme with clear colors and a reasonable level of contrast, menus are laid out in an easy-to-access way and mobile compatibility is not an issue. I have used common symbols to represent things in an intuitive way that should allow first-time users to navigate freely.

Aesthetics

I am lacking when it comes to design capability so I went for an interesting color scheme to carry the site, pairing it with a smooth font and lots of border-radius to make the site feel consistent. the use of react components helped with this endeavor.

Accessibility

For my site, I have tested it on both chrome and firefox as well as on mobile via safari. all of these mediums have worked as normal. My site uses a contrasting color scheme that should be fine for the visually impaired and the color blind. I also adapt the content on my website for smaller screens to make options easier to access.

Health & Saafety

My site does not contain any repetitive actions that could RSI aside from scrolling; an already common task for the average internet user. Online harassment is one place where my website falters, although comments are not a feature posts can be made by anyone with an email and are unregulated due to constraints on my end.

Sustainability & Future Proofing

My website uses React Components mixed with javascript map functions to create a fully responsive post-rendering implementation. This is hosted for free via Heroku and my database and storage are maintained by a Google service known as Firebase. These are both big companies and are not likely to go anywhere. As for traffic overloading my site, both free plans are generous in terms of capacity and I am unlikely to come close to maxing them out.

Code validation & testing

Testing video link

Website.testing.video.mp4

Gantt chart

Currently week 11 Tasks completed this release: Profile with Post deletion, Final CSS, Mobile Apaptaation, Polishing

Miro board link

Full Changelog: v2.0-beta...v3.0

Firebase

Firebase

This is the second release of my project, this release includes the implementation of authentication, cloud storage as well as a realtime database via firebase. These are used to implement the full user experience including accounts, post creation, post liking/unliking, and image uploads. This means that a user can now create an account, log in then make posts, and view others' posts, they can then like posts and view their own profile.

New features

• Added sign in and sign up
• Removed server
• Added username
• Added profile picture
• Added post creation
• Added liking

Next steps

The next step for the project is to add the ability to delete posts as well as delete your account which should automatically remove related database entries. I would also like to work on the CSS and make the site mobile compatible. the goal for the next release is a fully polished production ready build I can use as a foundation for new features

Gantt chart

Currently week 5 Tasks completed this release: Post creation Javascript, Authentication, and Post Liking/Unliking.

Testing

No errors in console or build

Full Changelog: v1.0-alpha...v2.0-beta

Inital Release

Initial Release

This is the initial release of my project which contains the basic HTML, CSS, and JavaScript needed to extend the project to its final form. This involves a server and a client that share information via a temporary file, this allows the client to see the server-hosted placeholder data and display it as an array of posts. Both the client and the server are hosted via Heroku.

Features

• Post viewing from server
• Landing Page
• Profile
• Sidebar
• Post template
• server to client API

Next steps

The next steps in this project will be in regards to linking the website to a form of authentication as well as a proper database this will allow me to make post creation, liking, and deletion as well as personalized profiles and sidebars.

Gantt chart

Currently week 3
Tasks completed this release: Propsal, Wire frame, Html skeleton, Basic CSS, Post viewing Javascript and Basic Deploy.

Testing

No fatal errors (Key error will be fixed when data base is linked)

Full Changelog: https://github.com/19tbusst/web-development-project-2.4-2.8/commits/v1.0-alpha