CRUD e-commerce project which is written with ReactJS and Scss. The application behaves differently for logged-in and not logged-in users. For not logged-in users, cart information is kept in local storage. For a logged-in user, cart information is kept in user cart data, which is an API. Product information is coming from an API. The application has 6 pages which are home, product details, about us, contact, profile, login, sign-up, and cart. On the cart page, users can see their products and edit counts or remove it from the cart. All cart operations work synchronously with the API.

Live Demo HERE!

The application is composed of the following Features:

• React Context Api
• React Router DOM
• React Icons
• Axios
• Formik
• React-Bootstrap
• Scss
• Toastify

SCREENSHOTS:

Home Page:

Product Cards:

Product Preview:

Sign-Up Page:

Cart Section:

Login Section:

Contact Page:

About us Page:

Profile Page

• WebStorm - WebStorm is an integrated development environment for JavaScript and related technologies. Like other JetBrains IDEs, it makes your development experience more enjoyable, automating routine work and helping you handle complex tasks with ease.
• React - A javascript library for building user interfaces
• Create react app - A quick method to start developing a react application.
• Babel - A transpiler for javascript
• Webpack - A module bundler
• SCSS - A css metalanguage
• Bootstrap - Quickly design and customize responsive mobile-first sites with Bootstrap, the world’s most popular front-end open source toolkit, featuring Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful JavaScript plugins.

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

The following software is required to be installed on your system:

• Node 10.x
• Npm 5.x

Type the following commands in the terminal to verify your node and npm versions

node -v
npm -v

Follow the following steps to get development environment running.

• Clone 'react-e-commerce' repository from GitHub

  git clone https://github.com/sunaycansev/react-e-commerce

  OR USING SSH

  git clone git@github.com:sunaycansev/react-e-commerce

• Install node modules

  npm install

• Build application

  npm start

  Thanks To:

  -@ercumentlacin : For providing support at all times throughout the project.