Giter Club home page Giter Club logo

shopkart-app's Introduction

Ecommerce (React) Coding Assessment

Overview

To submit this assessment, I have used React Framework and uploaded the code on (https://github.com/BhumilModi/krypto-assesment)this github repository.

The purpose of this assessment is to assess your skills and approach to composing a simple web app given an API feed.

What I did?

We had to Create a E-Commerce website using React , in addition to that I user Tailwind CSS.

I have include a README with setup instructions. There are no other Documentation.

Also, add very short info for the following to your README:

  • Describe all the application functionalities
  • Are there any improvements you could make to your submission?
  • What would you do differently if you were allocated more time?

Application Functionalities:

  • There is user Authentication using useContext Hook , a person can login or signup using email and password.
  • Once logged in a person can see all the products , on clicking the product a modal appears where one can add product to favourites or add to cart
  • Cart Page where they can see all the products added to the cart also place order shows a modal for confirmation and empty the cart.

Development Setup

  • Clone this repo
  • npm install - To install the dependencies
  • npm run server - To start the JSON server
  • npm start - To start the react app

This project's user interface should like this.

For this I have added all the screenShots in the Public/photos.

API Usage

API can be launched using npm run server.

Endpoint Result
/users Lists all available users
/products Lists all available products
/orders Lists all available orders
/favourites Lists all available favourites

More info about API usage can be found at the Postman Collection

shopkart-app's People

Contributors

bhumilmodi avatar gurukishore111 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.