A Tumblr Clone by Scott Ha
Reposti is a full-stack project that utilizes a Rails server running with PostgreSQL as the backend and React/Redux as the frontend. It takes advantage of the Amazon S3 hosting services.
On the main dashboard of the website, the user is presented with the option to create 1 of 7 post types at any moment.
By clicking on one of the available types of posts to create, you will be presented with the appropriate form.
Text Form Example
Video Form Example with Validation Error(s)
Users can like a post that they enjoy.
The Post before Like
The Post after Like
Users can also then navigate to their Likes page to view the posts they have previously liked.
Users can follow and unfollow other users on the website and see their posts on the dashboard. The feaure is presented when looking at another user's page.
Before Following Another User
After Following Another User
When a user has been browsing Reposti for a while, they can click the arrow button the shows up in the bottom right corner to jump to the top of the page.
JavaScript/jQuery Functions
function topFunction(){
$('html,body').animate({ scrollTop: 0 }, 'slow');
}
function scroll(){
const btn = document.querySelector('.top-btn');
btn.style.display = document.body.scrollTop > 250 || document.documentElement.scrollTop > 250 ? "block" : "none";
}
HTML Button
<i onClick={topFunction} className="fas fa-arrow-alt-circle-up top-btn rainbow-effect" style={{display: "none"}}></i>
- The ability to edit existing posts. Right now, the creator only has the option to delete the post. The Edit functionality is missing.
- See followers and follow them if wanted.
- Add fetching screens to webpages as it loads content.
- Assisted with a lot of Component Interactions
- Assisted with a lot of CSS design
- Rainbow Effect
- Validation Checking
- Dropdown Menu Interaction
- Being there for me even more than my own father