quaran-team / client-amazin Goto Github PK

Amazin' is a java full-stack application built with a client in React based off of popular shopping websites. This application contains a variety of components made by the quaran-team for Talent Path's purposes

JavaScript 85.34% HTML 0.57% CSS 14.06% Shell 0.02%

quaran-team css webpack talent-path amazin

client-amazin's Introduction

client-Amazin

This is the client (front-end) side of our Amazin' project created by Talent Path's 'Quaran-Team!' of full stack developers.

The plan was to practice weekly agile sprints by creating an e-commerce product page(s) for 20-50 items in a very similar theme to that big one named after the giant river in South America.

Each team member has made contributions to both client (front - end) and server (back - end) sides of the project connecting their data to their components.

The server can be found here - GitHub Repo = https://github.com/Quaran-Team/server-Amazin .

Demo Link:

https://www.youtube.com/watch?v=kjp33e7CMuE&feature=youtu.be

We did not use create-react-app from command line, but we did use react to conjure up our HTML, CSS, and JavaScript. It is configured via webpack and package. json using node modules. We limited the number of external libraries and frameworks as much as possible. Due to time constraints some parts are just static mocks, while others are fully dynamic.

to see it live [link](www.wherewhenever we deploy. com)

To run it locally: 1- clone down the repo 2- run 'npm install' in the command line to get all the node modules locally

If you are unfamiliar with npm visit https://www.npmjs.com/get-npm

once that is done run

3- run 'npm start' to boot up a localhost version in your default web browser via command line

4- it should open to localhost:3000/

you can click on any of the products squares to jump to that page

hit the back button to return to our main page

or just add /singleItem/1 to the end of the url to see our first item

5- to see all pages simply change the number at the end to any between 1 & 20

e.g. localhost:3000/singleItem/5 or localhost:3000/singleItem/17

Most things will not appear correctly without also having the server running.

(those instructions are on the server GitHub link above ^)

'npm test' will run all the tests we made

The Quaran-Team! consists of:

Bilikis Orulebaja
- https://github.com/borulebaja
Brandt Campbell
- https://github.com/Reboot82
Brian Loveless
- https://github.com/BrianLoveGa
Juan Avalo-Santiago
- https://github.com/avalojc
Michal Terranova
- https://github.com/mrterranova
Neely Mann
- https://github.com/NeelyAnne
Trevor Taylor
- https://github.com/Trevis42

Led by management team:

Fred Zirdung and Jothi Nedungadi

Languages/Technologies:

JavaScript
NodeJS
ReactJS
HTML
CSS
WebPack
Jest
FontAwesome
Material U/I
Enzyme
Bootstrap
Babel

https://talentpath.com/what-we-do/

https://genuent.com/

client-amazin's People

Contributors

Stargazers

Watchers

Forkers

neelyanne avalojc mrterranova brianlovega trevis42

client-amazin's Issues

create photo gallery container component

Switch the Material UI table col and row

create buttons & links to "review mentions" component

Repopulate field from option test for product variant component

Create answers/single answer components

create customer images overall components

create "read reviews that mention" component

add buttons
links to filter buttons

Material U/I - Tool Tip component error

Before speaker / lunch on Wednesday (7/29) I had a pop-up modal through react / js mouse enter / mouse hover for the stars chart and the material u/i tooltips little word bubble both co-existing side by side happily....

after lunch getting crazy lots of error and crash when using the tool tip from material ui

Need to investigate why the crash occurs and how to fix so they can coexist in harmony once again.