<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="keywords" content="portfolio, front-end web developer, web designer, Amidou, Kante, KanteLabs, freelancer">
<meta name="description" content="This is the portfolio of Amidou Kante a Front End Web Developer.">
<meta name="author" content="Amidou Kante">
<title>Streetwear Boutiques</title>
<link rel="icon" type ="image/png" href="favicon.png" sizes="16x16 24x24 32x32 48x48" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.min.css" type="text/css" />
<link href="main/main.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" type="text/css">
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">Amidou Kante</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="index.html">Portfolio<span class="sr-only">(current)</span></a></li>
<li><a href="about.html">About</a></li>
<li><a href="https://medium.com/@kamdiou">Blog</a></li>
<li><a href="mailto:kamidou95@gmail.com">Contact</a></li>
</ul>
</div>
</div>
</nav>
<section id="portfolio">
<div class="pageContents">
<div class="projectText">
<h1 class="projectHeader">Streetwear Boutiques</h1>
<p>I designed and developed a mobile responsive, e-commerce platform, using React, Semantic UI, Firebase, and a REST API incorporating Google Cloud Functions with Node.js and Express.js. Following Agile principles, I also built and implemented a custom CMS, shopping cart, wishlist, product upload, and payment system using PayPal. </p>
<p>Streetwear Boutiques was founded to bridge the gap between new & emerging clothing brands, and fashion lovers alike. This platform provides a centralized, exclusive, and curated selection of various Designers, with the goal of building a diverse community that connects Designers directly to the user.</p>
<p>I have always been interested in fashion, streetwear, and supporting smaller brands. Although there isn't a convenient way to explore all those brands, so I created a platform where that is possible. I created this platform with the vision of forming a community that will allow for emerging clothing labels to grow and flourish. Brands that use Streetwear Boutiques, do not have to pay any hosting fees, commissions, or worry about maintaining a website because I am taking care of all of that. Allowing Brand Owners to focus more on creating their designs and promoting themselves. Eventually, I want Streetwear Boutiques to become a place where people can share their passions for music, art, and fashion while inspiring others.</p>
<h4><a href="http://www.streetwearboutiques.com/">View Project </a> | <a href="https://github.com/KanteLabs/Clothing-Marketplace"> GitHub Link</a></h4>
<div class="subItems">
<div class="projectNav">
<ul>
<li><a href="musicvisual.html">Next Project</a></li>
<li><a href="dada.html">Previous Project</a></li>
<li><a href="index.html">All Projects</a></li>
</ul>
</div>
<div class="projectInfo">
<ul>
<li>UI/UX and Wireframing</li>
<li>HTML & CSS3/SASS</li>
<li>Semantic UI</li>
<li>React.js & Node.js</li>
<li>Google Firebase
<ul>
<li>- Authentication</li>
<li>- Storage</li>
<li>- Hosting</li>
<li>- Database</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div class="ProjectGallery">
<div class="imageHolder">
<h4 class="imgTitle">Streetwear Boutiques</h4>
<img class="portfolioImgGallery" src="./main/images/boutiques/home.png"/>
</div>
<div class="imageHolder">
<h4 class="imgTitle">Upload Clothing</h4>
<img class="portfolioImgGallery" src="./main/images/boutiques/upload-page.png"/>
</div>
<div class="imageHolder">
<h4 class="imgTitle">Brand Dashboard</h4>
<img class="portfolioImgGallery" src="./main/images/boutiques/brand-dashboard.png"/>
</div>
<div class="imageHolder">
<h4 class="imgTitle">View Clothing</h4>
<img class="portfolioImgGallery" src="./main/images/boutiques/single-clothing.png"/>
</div>
<div class="imageHolder">
<h4 class="imgTitle">About Page</h4>
<img class="portfolioImgGallery" src="./main/images/boutiques/about-page.png"/>
</div>
<div class="imageHolder">
<h4 class="imgTitle">Articles</h4>
<img class="portfolioImgGallery" src="./main/images/boutiques/articles-page.png"/>
</div>
<div class="imageHolder">
<h4 class="imgTitle">Designers</h4>
<img class="portfolioImgGallery" src="./main/images/boutiques/designers-page.png"/>
</div>
<div class="imageHolder">
<h4 class="imgTitle">View Brand</h4>
<img class="portfolioImgGallery" src="./main/images/boutiques/brand-view.png"/>
</div>
<div class="imageHolder">
<h4 class="imgTitle">Transaction History</h4>
<img class="portfolioImgGallery" src="./main/images/boutiques/transaction-history.png"/>
</div>
</div>
</div>
</section>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-45336394-2', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>