TaBoard

This is a final project for Le Wagon Bootcamp (Batch #573).

This application helps you organise the multiple tabs open in your browser.

It comes with a chrome extension to save your tabs in one click.

The Rails application has been generated using Le Wagon Rails Template to make development easier, faster, cleaner and customizable.

💻 Live demo here.

Technologies Used

• Generated using Rails

• Bootstrap for styling and responsiveness

• JavaScript for overall functions

• VueJS for the sidebar to enable quick update of the page without refreshing it

• PostgreSql for database

• Prettier for code formatting

Features

• Search for a tab
• Add tabs from sidebar to folders
• Create a folder
• Share your folder
• Edit your folder and/or tabs
• Delete your tabs and/or folders

Screenshot

Setup

First, you need to install the chrome extension => here

Once this is done, clone the repository

git clone https://[email protected]:XiwayB/TabBoard.git

Install dependencies

bundle install

Structure

All CSS are in the app/assets folder:

• Components: app/assets/stylesheets/components
• Pages: app/assets/stylesheets/pages

All HMTL code are in the app/views folder:

• Layouts: app/views/layouts
• Folder related pages: app/views/folders
• Sign in page: app/views/layouts/devise.html.erb

All Ruby code are in the app/controllers/concerns folder:

• Folders functions: app/controllers/concerns/folders_controller.rb
• Tabs functions: app/controllers/concerns/tabs_controller.rb
• Share function: app/controllers/concerns/shares_controller.rb
• Authentication functions: app/controllers/concerns/users_controller.rb

All JavaScript code are in the app/javascript/scripts folder.

All VueJS code is in app/javascript/components/sidebar.vue file.

Project Status

Project is: in progress ⏳

Coming features

To do:

• Create sub-folders
• Enable to drag and drop tabs in folders
• Add a count on tab to count how many times you clicked on it
• Render url when hover on a tab
• Write tests
• Refactor!

Acknowledgements

• This application is developed by those amazing developers 🙌🏻:
  • Desmond, Kevin, Marshall, Nico and Xiway

Contributions / Contact

Our application is still in an early stage, if you would like to contribute to it, feel free to contact me first: