Skip to content

Discover the ultimate shopping experience at DAAK Webstore, where style meets convenience. Explore a wide range of clothing, accessories, and more in our carefully curated collection. Whether you're searching for the latest fashion trends, wardrobe essentials, or unique pieces to express your individuality, DAAK has you covered.

Notifications You must be signed in to change notification settings

daironreijna/e-commerce-webstore

Repository files navigation

DAAK! Smart Shopper: E-Commerce Webstore

Welcome to DAAK! Smart Shopper. The e-commerce webstore you can trust!

Our shopping webpage has been created to offer customers the best choice products at unbeatable price and quality.

Overview

Welcome to our e-commerce webstore DAAK! The smart shopping interactive front-end application.

The DAAK! project team have used the skills and knowledge acquired during the bootcamp to build this web application. Our team has conceived and executed a design of a MVP of our project.

DAAK! allows users to select a vast range of items including clothes and jewellery. User is also able to navigate via the nav bar to particular products of interest add items to the shopping cart and be able to understand total cost of items for purchase. The user also has a link to log in to the webpage.

In this project several technologies are used to bring a feature rich and exciting web project to life! As a project team we thought about what would be a simple way to shop for your favourite products.

Netlify Status

User Story

As a user looking for a simplified and interactive shopping experience on one dedicated webpage, I want to be able to browse and add these products to my shopping cart prior to placing an order. This will allow me to see my total amount to be spent as well as any additional shipping costs.

Table of Contents

Project Objectives

By the end of this project, we have been be able to:

  • Our ability to speak technically about the features that were implemented in our project.
  • Explain and execute git branching workflow in a collaborative project.
  • Resolve merge conflicts.
  • Explain agile software development.
  • Design, build, and deploy a client-side web application (mvp) using Netlify to deploy.
  • Prepare a professional presentation and repository README for our project.

Deployment

The e-Commerce Webstore webpage and project details are deployed at the following live URLs:

Netlify Deployed webpage Link:

DAAK! Smart Shopper Webstore

GitHub Repository for this project can be found at:

GitHub Repository

Installation

  1. npm install
  2. React + Vite
  3. Node js
  4. Netlify
  5. Github
  6. CSS / Tailwind CSS for styling
  7. API integration via fakestore

Project Features

Our project has the following features:

  • Application uses React + Vite
  • Application uses npm install + node js
  • Application uses tailwind css
  • Application is interactive (accepts and responds to user input).
  • Application user experience is intuitive and easy to navigate.
  • Application user interface style is clean and polished.
  • Application is responsive and UI is polished.
  • Application is deployed live via Netlify
  • Application has Github URL
  • Application uses API to get route data from fakestore api
  • Application has a clean repository that meets quality coding standards (file structure, naming conventions, best practices for class/id naming conventions, indentation, quality comments, and so on).
  • Application has a quality README (including a unique name, description, technologies used, screenshot, and link to the deployed application). -->

Credits and Resources

Andrew Hoang, Jamie Lujan, Nazeh Abel

Contributing

Coding and design completed by:

Ahmed Ayan, Anderson Gumede, Dairon Reijna, Kapil Rekhi

We welcome contributions from the community to enhance this Portfolio Project. By participating in this project, you contribute to a vibrant and inclusive environment. To ensure a positive experience the code of conduct we will adhere to is based on The Contributor Covenant. Please review and follow these guidelines when contributing.

Accessibility Testing

As leaders in front-end web development we aim to develop websites that are built mobile first, with accessibility in prime focus. Should you have any feedback please let us know. It would also be helpful for users to test our project website for accessibility.

License

This project is licensed under a MIT License.

Deploy to Netlify button

You can deploy this and all the other examples in this repo as a site of your own to explore and experiment with, by clicking this button.

Deploy to Netlify

Or follow the instructions here to integrate a fork of this repo to netlify. Netlify (2023) Create Deploys


© 2023 - Ahmed Ayad, Anderson Gumede, Dairon Reijna, Kapil Rekhi.

About

Discover the ultimate shopping experience at DAAK Webstore, where style meets convenience. Explore a wide range of clothing, accessories, and more in our carefully curated collection. Whether you're searching for the latest fashion trends, wardrobe essentials, or unique pieces to express your individuality, DAAK has you covered.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •