Skip to content

This project was built using React/Redux and ES6. It enables users to create an account, log in to have access to trackable items and to track items based on quantity and timestamp.

Notifications You must be signed in to change notification settings

RoyNyaga/store-item-tracker-frontend

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Store Item Tracker

About

This is the front-end part of a Rails backend application built using Ruby on Rails. It was built using React/Redux and ES6. It enables users to create an account, log in to have access to trackable items and to track items based on quantity and timestamp.

Live Demo

Click here to see a live version.

Demo Video

Click here to watch a demo video.

Technologies Used.

  • ES6
  • React
  • Redux
  • Redux-persist
  • Axios
  • Bootstrap
  • Jest

Installation And Usage

  • Make sure you have node.js installed on your computer if not go ahead and install it.
  • Clone the application in your computer using the command
    git@github.com:RoyNyaga/store-item-tracker-frontend.git
  • Open the cloned folder in your terminal and install packages using
    npm install
  • Run the development server using the command npm start and the API will be ready for your request.

Testing

  • Cd into the project directory and run the testing suite with the following command:
    bundle exec rspec

Deployment On Heroku

  • Create a Heroku account.
  • Install Heroku CLI on your computer.
  • Login to Heroku from your terminal using the command:
    heroku login
  • Enter your credentials as the above command will prompt you.
  • Cd to the root folder of your project.
  • Create a Heroku app using the command:
    heroku create <name-of-you-app>
  • Commit your work and push to github.
  git add .
  git commit -m"commit-message"
  git push origin master
  • Deploy your work to Heroku using the command:
    git push Heroku master
  • To see your hosted application on the browser, type the command:
    heroku open

Feature Features

  • Allowing users to only see the measurement they created.
  • Allowing users to be able to create items to be tracked.

Author

👤 Nyaga Andre Roy

About

This project was built using React/Redux and ES6. It enables users to create an account, log in to have access to trackable items and to track items based on quantity and timestamp.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published