Skip to content

TheRickestRick/Portfolio-reddit-clone

Repository files navigation

Reddit Clone With Server

This project is an elegant reddit clone with a database backend. I love using reddit, and I thought it would be really cool to build a simple version of it. It contains most of the essential features of the actual reddit, and it helped give me a better understanding of how to create persistent data applications.

Challenges

-This is the first application I built with AngularJS that also has a backend. I had to become comfortable with State, and the Model View Controller design.

-I found that I really enjoyed using AngularJS, and I did not find it that complicated to use. I liked the way that the app could be organized with components, and view templates.

-Learning the basics of how to make HTTP calls to my server, and retrieve data that users input was a huge breakthrough for me. It helped me connect the bridge between the front-end user interface, and the back-end database.

Technologies

alt text alt text alt text alt text alt text

How it works

A user can see all of the current posts, and search by time posted, subject line, and the amount of votes it has. The app makes a call to my server which will retrive all of the posts from the posts table, as well as all of the comments that each post has attached to it. This happens on initiation, and the main index page is then filled with all of the posts that people have made. alt text

A user can also comment on a post, and see what other people had commented. When the comment is submitted, it is attached to the post id that it was directed at. This way the comment will show up on the post that it was meant to be seen with. alt text

If you want to create your own post you can select the create new post drop down menu, and fill out each of the inputs. When you have filled out each of the inputs you can then create the post, and add it to the post table in the database. The page will refresh and the new post will be visable for everyone else. alt text

The new post will then be added to the feed, and all the other users can see it! alt text