Simple Ecomm page Using ReactJS


Reatct-Ecomm-Website-Latest


Created using CodeSandboxReact

Used below topics from ReactJs

React Components
Usage of React State
Usage of React Props
Field Validations
Styling components using Bootstrap

codeSanbox Online editor for easy development.


Screen prints

React Components View







Comments

Post a Comment

Popular posts from this blog

How to get the tweets using Kafka producer and Consume it using MongoDB

Kafka_Mongo_Integration Sample POC on Kafka which will pull tweets from twitter and persist in to the MongoDB Technologies: Kafka Zookeeper MongoDB For full code  https://github.com/BrahmaR/KafkaMongoIntegration Kafka Producer: package com.royal.twitter.kafka; import java.util.Properties; import java.util.concurrent.BlockingQueue; import java.util.concurrent.LinkedBlockingQueue; import kafka.javaapi.producer.Producer; import kafka.producer.KeyedMessage; import kafka.producer.ProducerConfig; import org.slf4j.Logger; import org.slf4j.LoggerFactory; import com.google.common.collect.Lists; import com.twitter.hbc.ClientBuilder; import com.twitter.hbc.core.Constants; import com.twitter.hbc.core.endpoint.StatusesFilterEndpoint; import com.twitter.hbc.core.processor.StringDelimitedProcessor; import com.twitter.hbc.httpclient.BasicClient; import com.twitter.hbc.httpclient.auth.Authentication; import com.twitter.hbc.httpcl...
Read more

Monolithic vs Micro Services

Monolithic : Developing and maintaining   the whole application into a Single unit. Micro Services : Developing and maintaining individual services and   deploying as single application using light weight protocols for communication. Feature Monolithic Micro Services Language Constraint We have to write entire application in a single language. Micro services can be developed using multiple languages. We can go with multiple persistent databases and frameworks which is best suitable for a business need.   Digestion It is not possible one developer to digest all the modules in the entire application. Micro services are pieces of application. So, digestion is not a problem. Developer can easily concentrate on the assigned service only. Deployment Deployment is easy but we have to deploy the entire application for a small change. Micro serv...
Read more

AngularJS Flow

AngularJS  is a very powerful JavaScript Framework. It is used in Single Page Application (SPA) projects. It extends HTML DOM with additional attributes and makes it more responsive to user actions. AngularJS is open source, completely free, and used by thousands of developers around the world. It is licensed under the Apache license version 2.0. AngularJS flow with a simple example <!doctype html> <html> <head> <script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.5.2/angular.min.js" ></script> </head> <body ng-app = "myapp" > <div ng-controller = "HelloController" > <h2> Welcome {{helloTo.title}} to the world of Tutorialspoint! </h2> </div> <script> angular . module ( "myapp" , []) . controller ( "HelloController" , function ( $scope...
Read more