This Trello-Like application is orginaly made for a test technique but it turned out finally into a side-project !
I used the following technologies:
- Rails
- VueJs
- Bootstrap
- PostgreSQL
- Gem Acts_as_list
- Gem Draggable
I've used Rails app generated with lewagon/rails-templates, created by the Le Wagon coding bootcamp team.
This is a Todo App musing Vue.js 3 and Rails 6.1.3.2. This is a project to test Vue.Js 3
This README would normally document whatever steps are necessary to get the application up and running.
Things you may want to cover:
-
Ruby version 2.7.3
-
Rails Version 6.1.3.2
-
PostgreSQL 12.10
-
Yarn Version v1.22.17
-
Node Module version V16.11.1
-
Webpacker 5
-
Vue.js 3
-
Bootstrap 5
If you don't already have them :
- Install ruby 2.7.3
rbenv install 2.7.3 && rbenv global 2.7.3
- Install bundler 2.2.15
gem install bundler:2.2.15
- Install yarn
npm i -g yarn
To install dependencies, run :
bundle install
yarn
To set up database, run:
rails db:setup
When running the db:setup
command, the Database test and development will be created.
The User email and password to connect to the App will be display in the console and the seeds will be create.
Running the app locally requires 3 environment variables. To set up your environment variables, run the following command:
cp .env.template .env
Then, edit .env
and set the following environment variables:
REDIS_DB
: This is Redis_dbREDIS_URL
: This is Redis URLREDIS_PORT
: This is Redis Port
For more information, you can read "ruby on rails redis installation and configuration" Or refer to the Redis
- Create a database called
Todo_development
using your favorite postgresql GUI or CLI. - Then run the migrations :
bin/rails db:migrate RAILS_ENV=development
To start both the frontend and backend servers at the same time, run:
bin/rails s
bin/webpack-dev-server
In your browser, navigate to localhost:3000 to see the app in action!
This may be helpful for debugging, but generally should not be necessary.
1. Assign yourself an issue from our Issues tab
- Check out the
good first issue
tag if you're just getting started! - If you want to work on something that isn't listed in our Issues, please create a new issue.
- Note that your pull request may require one or more tests. Tests are required for almost all backend changes, and all frontend logic-related changes. Style or copy changes do not require you to write a test.
- For a style or copy change, please provide side-by-side screenshots showing how the app looks before and after your changes.
Need some help contributing to our app? Check out the resources below for more information about installing and using various third-party tools.
- Forking and cloning a repository
- Working with forks
- Creating and deleting branches
- Commit guide
- Creating a pull request from a fork
To report a bug or request a new feature, please open an issue.