sebamar88 / react-tailwind-ecommerce

Home Page:react-tailwind-ecommerce-khaki.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

React-Tailwind-Ecommerce CoderHouse

Netlify Status

Social buttons

sebamar88 - react-tailwind-ecommerce stars - react-tailwind-ecommerce forks - react-tailwind-ecommerce

Repo metadata

GitHub tag License

Call-to-Action buttons

License

Released under MIT by @sebamar88.

Version 1 :

  • The data is stored on Firestore
  • It is hosted HERE!

An E commerce platform made using React JS, Context, Firebase , Firestore & Tailwind

The application is composed of the following Features:

Front-End

  • A landing page with minimalistic design, with the major categories of items.

Firebase

  • At the moment firebase is used to call the products in the store.
  • It is also used to store order data

SCREENSHOTS:

Landing Page:

Product Details:

Cart Section:

Order Details:

Developed With

  • Visual Studio Code - A source code editor developed by Microsoft for Windows, Linux and macOS. It includes support for debugging, embedded Git control, syntax highlighting, intelligent code completion, snippets, and code refactoring
  • 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
  • Tailwind - A css framework
  • HeroIcons - An icon library

Getting Started

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

Prerequisites

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

  • Node 8.x
  • Npm 3.x

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

node -v
npm -v

Install

Follow the following steps to get development environment running.

  • Clone 'react-tailwind-ecommerce.git' repository from GitHub

    git clone https://github.com/sebamar88/react-tailwind-ecommerce.git

    OR USING SSH

    git clone https://github.com/sebamar88/react-tailwind-ecommerce.git
  • Install node modules

    npm install

Starting front-end servers

  • Build application

    npm start

About

react-tailwind-ecommerce-khaki.vercel.app


Languages

Language:JavaScript 87.2%Language:SCSS 8.7%Language:HTML 4.0%