A full-stack application on Ruby on Rails which is a based on a custom redesign of Twitter.
In the project, I built a full-stack application on Ruby on Rails which is a based on a redesign of Twitter. I followed the given design of the website, but personalized the content and introduced voting to the tweets ( or opinions ).
Homepage
Userpage
I followed a user journey to build the following MVP version of the app:
The user logs in to the app, only by typing the username (a proper authenticated login is not a requirement).
The user is presented with the homepage (see the Homepage screenshot above) that includes:
The Tweets section includes:
The Who to follow section includes:
When the user opens the profile page (see the Userpage screenshot above), they can see:
The Profile detailed info section includes:
At the end extend the MVP app with one simple voting feature is created.
Eager loading is implemented in the controllers to avoid n+1 queries problem.
The project is a desktop web app.
The database schema reflects the following structure:
It validates all user input to make sure that anyone with bad intentions cannot compromise the app.
It uses Postgres as database.
It uses .erb
view template engine.
It is an MVP of the full product (with the full graphical design but only basic features that can be easily extended in the future).
The project is deployed and accessible online.
https://www.loom.com/share/5aa5cb27022f492bb791996455297b5a
If you have difficulty to change the version of the prerequested apps, you can check the notes below.
Note 1: You can change your Ruby version by using rvm.
Note 2: You can change your Rails version by following this article rvm.
Note 3: You can change your Node version by using nvm.
Paperclip
ImageMagick
(which, for most modern Unix-based systems, is as easy as installing the right packages).ImageMagick
from the Paperclip repository as well.In order to run, you need to install RUBY and Rails in your computer. For windows you can go to Ruby installer and for MAC and LINUX you can go to Ruby official site for intructions on how to intall it.
To get a local copy up and running, follow these simple example steps.
https://github.com/RaminMammadzada/rails-twitter-redesign/
cd rails-twitter-redesign
test_and_deploy
branch by typing git checkout test_and_deploy
bundle update
bundle install
Setup database with:
rails db:create
rails db:migrate
Start server with:
rails server
Open http://localhost:3000/
in your browser.
rpsec --format documentation
👤 Ramin Mammadzada
Contributions, issues and feature requests are welcome!
Feel free to check the issues page.
Give a ⭐️ if you like this project!
This project is MIT licensed.