Jayad25 / kidsy_fullstackproject

Clone Of Etsy

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Kidsy

Kidsy Live

Kidsy is a shopping website for Kids Products. I used React and Redux on the frontend with Ruby on Rails on the backend, utilizing PostgreSQL as my datbase,AWS to store images.

Features

  • Secure frontend to backend user authentication using BCrypt.
  • Users can create, edit,delete and see products that they have.
  • Users can add products to shopping cart.
  • Users can also search for products by the name.
  • Users not logged in will be redirected to sign in/register if trying to sell products.

Homepage

Sign In and Register

Sign In & Register

Products

All Products

Search

Add to Cart

Add to Cart

User's Profile

Profile

Create A Product

Create A Product

Editing A Product

Edit a Product

Deleting A Product

Delete a Product

// USers cann't list their product without loggedIN
const Protected = ({ component: Component, path, loggedIn, exact, redirectToModal }) => (
    <Route path={path} exact={exact} render={(props) => (
        loggedIn ? (
          <Component {...props} />
        ) : (
          <Test redirectToModal={redirectToModal} />
            )
    )} />
);

Additional Resources

Possible Future Features

In the future I would like to add:

  • Show cart page
  • Comments/Reviews
  • Add Loading

About

Clone Of Etsy


Languages

Language:JavaScript 94.9%Language:Ruby 3.0%Language:CSS 1.6%Language:HTML 0.3%Language:CoffeeScript 0.2%