Coder Social home page Coder Social logo

angelren1220 / jungle-rails Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 26.53 MB

A mini e-commerce application built with Rails 6.1. It includes bug fixes, UI changes, and new features that enhance the user experience.

Ruby 63.93% JavaScript 8.82% SCSS 6.64% HTML 20.62%
ruby-on-rails

jungle-rails's Introduction

Jungle

A mini e-commerce application built with Rails 6.1. It includes bug fixes, UI changes, and new features that enhance the user experience.

  • Bug fixes:

    • Money formatting: unified money formatting accross the site
    • Missing admin security: require admin username and password to access admin pages
  • UI changes:

    • Display a message and link to home page if cart is empty instead of cart details with any data
    • Display a "Sold Out" badge for items with no inventory
    • Display details of the order after an order was placed successfully
  • Features:

    • Add an admin dashboard with overview of the number of products and categories
    • Add an About page, that can be filled with data about the company
    • Add a new page for admins to create new categories
    • Add new databases and pages to support user login and registration
      • passwords are properly hashed with bcrypt
      • emails must be unique and are case insensitive
      • display error messages for login/signup pages
  • Tests:

    • RsSpec tests for product and user models
    • Cypress tests for home page, product details, add to cart and user login/signup

Results

  • Admin login

  • Soldout badge

  • Product detail

  • Invalid login

  • Checkout order summary

Setup

  1. Run bundle install to install dependencies
  2. Create config/database.yml by copying config/database.example.yml
  3. Create config/secrets.yml by copying config/secrets.example.yml
  4. Start psql services and Run bin/rails db:reset to create, load and seed db
  5. Create .env file based on .env.example
  6. Sign up for a Stripe account
  7. Put Stripe (test) keys into appropriate .env vars
  8. Run bin/rails s -b 0.0.0.0 to start the server

Database

If Rails is complaining about authentication to the database, uncomment the user and password fields from config/database.yml in the development and test sections, and replace if necessary the user and password development to an existing database user.

Stripe Testing

Use Credit Card # 4111 1111 1111 1111 for testing success scenarios.

More information in their docs: https://stripe.com/docs/testing#cards

Dependencies

  • Rails 6.1 Rails Guide
  • Bootstrap 5
  • PostgreSQL 9.x
  • Stripe

jungle-rails's People

Contributors

angelren1220 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.