Git Product home page Git Product logo

bloccit's Introduction

Bloccit

Web App allowing users to create and share popular topics and articles

Project Link: https://bloccit-heroku.herokuapp.com/

Concept

This project is an inspiration Reddit and that what I was trying to achieve, it was my first major coding project ever and it centered around creating a site where users can create topics and creates posts to those said topics.

It wasn’t an original idea, but merely a project to test my skills in web development, none the less this project is still a fully fletched out one with various amounts of features, from liking and favoriting, to creating posts, to making user profiles the option to incorporating a user profile picture, to creating comments.

Sign Up

When going the url, the user is treated with a simple login page in which users can sign in/sign up, tabs in which guests or users who are not loggin can still navigate.

To start off, a User has choice of signing up or signing in a created account. Once a user has created an account, they will get notified a email to vertify their email that they signed up with

  • Clicking on Sign Up Button Signing Up

  • Creating an account Creating Account

  • Email Being Sent Email Being Sent

Signing In

If a user has already created their account they have the option to then navigate the website on the latest topics or posts, or checking their account

  • Checking topics and posts Topics and Posts

  • Checking owned user profile Game Swap: Login and User Search

User Features

Users can upload an image of their choice, and this application does make use of AWS, on the user profile page, users can also find their latest posts they favorited.

  • Updating Username Updating Username

  • Uploading a profile pic Uploading a profile pic

  • Deleting Account Deleting Account

Post CRUD

A topic can hold many posts and thus posts can also be created, updated, or deleted. A post also must meet the requirements

  • Post Validation Creating a post inside a topic

  • Creating a post inside a topic

  • Trying again with a long post title/body Creating a post inside a topic
  • Update a post Update a post

  • Deleting a post Deleting a post

Comments CRUD

A user can comment inside of a post and delete as well

  • Creating a Comment Creating a Comment

  • Deleting a Comment Deleting a Comment

Favorite and Upvote/Downvote Feature

Much like Reddit, the user can also favorite a post and find their favorited post on the user profile page

  • Favoriting a post Favoriting a post

The User can also upvote or downvote a post, with this there is a popular tab that shows the top upvoted posts of that topic

  • Upvoting Upvoting

  • Downvoting Downvoting

Technologies Used:

  • Ruby on Rails Framework
  • Javascript
  • Ruby
  • Sqlite
  • HTML5
  • CSS3

Gemfiles Used:

  • puma
  • thin
  • factory_girl
  • will_paginate
  • newrelic_rpm
  • redcarpet
  • devise
  • carrierwave
  • mini_magick
  • fog
  • sqlite3
  • uglifier
  • jquery-rails
  • faker
  • turbolinks
  • bootstrap-sass
  • better_errors
  • pundit

bloccit's People

Contributors

bryanp2033 avatar

Watchers

James Cloos avatar  avatar

Forkers

matstc

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.