This is Progress Dev application for tracking daily activities.
Screenshots of the app.Note: This demo of this project combined with Rails-back. And also note that the live demo may not work well on github pages as react-router have some problems on reloading. to solve thisb you can upload it to heroku or any other hosts.
-
React
-
Bootstrap
-
Css
node should be installed in your machine.
To get this project set up on your local machine, follow these simple steps:
Step 1 React-part
-
Clone the repo to your local machine.
-
cd inside the project directory.
-
npm install
-
run npm run start
-
Change axios request links to
https://localhost:3000
if your rails is in development or change it to your back-end link if your rails is in production. you can find these links inApp, Login, Logout and Signup
components.
Step 2 Rails Part
In order to use this project you should have the back end prepared, I will put the link to the Rails back-end Here and all you have to to is follow these simple :
-
Clone the Rails repo and cd inside the project.
-
Run
Rake secret
, this will generate a secret key, hold it for the next step. -
Create a
.env
file in the root of the project and inside it put thisDEVISE_JWT_SECRET_KEY = < your secret key from previuos step >
-
Inside
config/initializers/cors.rb
if you use it locally you dont need to do this but if you want to use it from specific domain you should change line 12 fromorigins '*'
toorigins 'Your front-end domain here'
. -
Note: If you publish this website and upload it to heroku, do not forget to add a
Config variable
to your app in heroku, simply go to heroku, go to your app, click on setting, click on config vars then put yourDEVISE_JWT_SECRET_KEY
then your secret key.
give a ⭐️ if you like this project!
This project is MIT