Code Monkey home page Code Monkey logo

capstone-client's Introduction

ABOUT THE APP

This is a single page E-commerce application that allows users to exchange or purchase products. Once the user registered with an email adress and Password, they will have an access to upload the choice of their products with a listing of the items' model, state, description and price. The user can create many resources and be able to see all saved items, update and delete. Users can only mangae thier own products and do not have an access to make a change on others' users products.

DEVELOPMENT PROCESS

The idea of this app to give an access to the user to be able to exchange or purchase products. I started the project with creating wireframe of the front end and user stories to be able use the app. As a developer I wanted the users to have the access to create, read, update and delete their items. After the CRUD action completed, I created a form in the front end to render the action in the app. Finally, I have worked on the layout of the app to make it more user friendly.

Link

Techonologies

  • React
  • Express
  • Mongoose
  • MongoDB
  • Bootstraps
  • CSS
  • Git
  • Curl Script
  • HTML5
  • JSX
  • Node.js
  • psotman

App Preview

Landing page

Phone Landing page Phone cart page"

User Stories

  • As a user, I want to be able to sign-up successfully.
  • As user, I want to be able to sign-in successfully.
  • As a user, I want to be able to change my password.
  • As a user, I want to be able to add an items/phones to my cart
  • As a user, I want to update the content of my saved items in the cart.
  • As a user, I want to be able to delete an item I have added to my cart.
  • As a user I want to be able to see all the items I have added to my cart.

ERD + Wireframe

phone Wireframe 1 phone Wireframe 0 phone Wireframe 3 phone API Entity Relationship Diagram

Future Goals

Eventually, I would like to use Redux state management tool, to move data and UI states to Redux store from React components. Implement different actions like fetching product from API, adding items to cart, removing from cart with Redux. In addition, I will like to add a functionality to be able to upload an image.

  1. All content is licensed under a CC­BY­NC­SA 4.0 license.
  2. All software code is licensed under GNU GPLv3. For commercial use or alternative licensing, please contact [email protected].

capstone-client's People

Contributors

mahelet-kassa 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.