OrhanOzkercin / ReactShop

This project is shopping page. You can see products and categories and add them to your basket and after that you can buy these products.

Home Page:http://shop.orhanozkercin.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

ReactShop

This project is shopping page. You can see products and categories and add them to your basket and after then you can buy these products.

Tecnologies and tools I used:


  • React
    • This project is written full of React and tools around React
  • Redux
    • I used Redux with Hooks also I used Redux Logger middleware to log users behaviours.Also I used Redux Persist to save some datas to local storage with that way soe datas like products in basket won't disappear when user left the page or refresh it
  • Reselect
    • I used Reselect package to improve performance. With this tool functions only runs once with same input. This tool is one of the tool to use memoizing for React.
  • Firebase
    • For sign-in and sign-up operation I used Firebase for authentication and save users data in it.
  • Styled-Components
    • About styling I tried styled-components. Not sure is the best way to write styled component the way I wrote though.
  • Stripe
    • I used stripe API to make demo payment page. Only for test purposes.

Installations

  1. As I mentioned I used Firebase and Iput my secret API keys to .env file. First step you need to create and write API key informations to that file.
  2. Run `yarn` on terminal to install packages that you need
  3. Run `yarn start` script to run project

Author ✍️


👤 Orhan Özkerçin
orhando orhanozkercin oozkercin orhanozkercin 9883034 @orhanozkercin

Gif From Site


About

This project is shopping page. You can see products and categories and add them to your basket and after that you can buy these products.

http://shop.orhanozkercin.com/


Languages

Language:JavaScript 97.3%Language:HTML 1.7%Language:CSS 1.0%