Giter Site home page Giter Site logo

theblkexperience's Introduction

BLK EXPERIENCE

BLACK LIVES MATTER โœŠ๐Ÿพ โœŠ๐Ÿพ โœŠ๐Ÿพ

"You Just Entered The Black Experience"

Welcome to the Black Excellence/ Black Fashion Project!

Here, (https://antonetteortiz.github.io/blk-experience/) the user enters the landing page where the user can chose between shopping the womens or mens collection.

When the user clicks on 'Shop Men's', the user will be redirected to the men's fashion collection page https://antonetteortiz.github.io/blk-experience/men). When the user clicks on the 'Shop Women's, the user will be redirected to the women's fashion collection page (https://antonetteortiz.github.io/blk-experience/women).

At the top of the page is the nav bar labeled 'BLK Experience'. Here, the user can navigate between four different buttons: 'Home', 'Women's', 'Men's', and 'Create Brand'. The user can go back to the landing page by clicking 'Home', can be directed to either the men's or women's collections, or the user can make their own brand (The user can do this by clicking 'Create Brand'and filling out the provided form to create a brand).

Below, the user is able to update and delete information for each brand's collection by simply clicking 'Update' or 'Delete'. With 'Update', the user can update the provided form to update the information.

When the user clicks on a brand's logo, they will then be redirected to the brand's current collection, provided with various tops, bottoms, shoes, and accessories.

At the very bottom of the page, there is a form and a 'Subscribe' button where the user can enter their email address and click the 'Subscribe' button. Once clicked, an alert will pop up on the screen saying, "Thank you for subscribing!"

** Front-end made with React.js and Bootstrap ** All buttons and forms were made using Storybook and Javascript

For the Women's and Men's Fashion APIs.

With https://sd-womens-fashion.herokuapp.com/, the user starts at the root url/directory which presents a blank page. Once here, the user needs to add either 'WomenFashion' to the root which redirects to the Women's Fashion API or add 'menswear' to the root to be redirect to the Men's Fashion API.

Once the user gets redirected to either API, the user can find four different womens or mens fashion brands, along with each brand's logo, CEO's name, type of fashion, price point, and different items within different categories.

The user can type https://sd-womens-fashion.herokuapp.com/WomenFashion/ or https://sd-womens-fashion.herokuapp.com/menswear/ and add any of the brand names provided to the end of the url to find specific information on that specfic brand.

New brands are created and added for the user to view.

Information for each brand is updated frequently.

When new collections are released, information on older collections are deleted frequently.

This API is based on the Women's Fashion API by Shanica Denis and the Men's Wear API by William Campbell.

**Back-end made with Mongo/ Mongoose, and Express **APIs deployed using Heroku and MongoDB Atlas

theblkexperience's People

Contributors

antonetteortiz avatar winstonac avatar shanicanikad 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.