Skip to content

Latest commit

 

History

History
215 lines (136 loc) · 5.42 KB

README.md

File metadata and controls

215 lines (136 loc) · 5.42 KB

Scandiweb Junior React Developer test assignment

📗 Table of Contents

📖 Ecommerce web app

ecommerce web app

ecommerce web app

  • This ecommerce app is a web app for shopping.
  • Add products or remove products.
  • Increase/decrease count of a particular selected product.
  • Select various attributes (color, size etc) for each product.
  • Converts total amount of products to reflect the current currency. No Api

🛠 Built With

  • Project was built with React class component. No functional component used.

Tech Stack

Client
Server
Database/ storage
  • Browser's Local Storage

    • Key Features

    • Data is persistent even if the browser is closed
    • Built a customize drop down without the use of HTML "select" and "option" tag
    • Redux was used to ensure that state changes is globally reflected instantly without refreshing the browser
    • There is a dynamic url which has the id for each product that is selected
    • Same product with different attributes selected is treated as new product using the unique products attributes selected

    (back to top)

    🚀 Live Demo

    Link cooming soon.

    (back to top)

    💻 Getting Started

    To get a local copy up and running, follow these steps.

    Prerequisites

    • Install node packages. This can be achieved using npm install
    • Computer with browser
    • Mobile device with browser

    Setup

    Clone this repository to your desired folder:

    • cd your-local-folder
    • clone this repository into your local directory
    • open the project in your favorite code editor
    • Install node packages
    • run npm start to preview in your local browser

    Install

    Install this project with: npm install

    Usage

    To run the project, execute the following command:

    -Start the server with: npm start or yarn start

    Deployment

    You can deploy this project using:

    (back to top)

    👥 Authors

    👤 Author1

    Dennis Owusu Prah

    (back to top)

    🔭 Future Features

    • Add postgresql database
    • Add payment methods
    • Currently working to deploy it

    (back to top)

    🤝 Contributing

    Contributions, issues, and feature requests are welcome!

    Feel free to check the issues page.

    (back to top)

    ⭐️ Show your support

    If you like this project... thumbs up and please follow my github page

    (back to top)

    🙏 Acknowledgments

    • Hat tip to anyone whose code was used
    • Hat tip to anyone who inspired my codebase

    (back to top)

    ❓ FAQ (OPTIONAL)

    Add at least 2 questions new developers would ask when they decide to use your project.

    • How was the browser's storage and redux used interchangeably

      • Always be mindful of the return statement for the state in the redux like was followed in this project

    • Was someone else's code used

      • No. Code wasn't copied. I believe algorithms and data structures are very powerful to handle greater things.

    (back to top)

    (back to top)

    📝 License

    This project is MIT licensed.