A discovery and inspiration app for sneakerheads.

Contributors

Adrienne Ifrah Laura Leah Luke Tomisin

Full-stack Technologies

How to Use

This app is fully deployed on Heroku at https://sneaker-seeker-app.herokuapp.com/
OR install the code and run locally:

1. Clone the directory

$ git clone https://github.com/InfobyAdrienne/Test-React-Express.git
$ cd Test-React-Express

2. Start the back end server

$ cd server
$ nvm use
$ npm install #(requires node to be installed)
$ npm start #(server will be listening on localhost:3001)

3. Start the front end server

In a new terminal window: 
$ cd ..
$ nvm use
$ cd client
$ npm install
$ npm start #(web app will open in the browser at localhost:3000)

Team Objectives

1. Create a safe and supportive learning environment,
2. Build our confidence with JavaScript and learn how to use React,
3. Be led by Test Driven Development,
4. Learn how to select, implement and fully integrate an API,
5. Create a sleek user interface.

MVP User Stories

As a user
I want to land on a landing page to navigate to the search engine
So i can navigate to the correct search

As a user
I want to be presented with a form where I can select my search preferences
So that I can search using different search preferences

As a user
I want to be able to search for sneakers using colour
So that I can get sneakers returned in my preferred colour

As a user
I want to be able to search for sneakers using brand
So that I can get sneakers returned in my preferred brand

As a user
I want to be able to see results on one page
So that I can go through the results

Wireframes - MVP outlined in red

Homepage

Search Form

Search Results

Sneaker Details

What Went Well

• Great communication / learning environment,
• Learnt a new framework - React,
• Learnt how to integrate an API,
• Easy to use interface,
• Fully embraced the Agile process.

Challenges / Key Oppurtunities for Growth

• The tech stack - the whole team learning a new framework (React) from scratch,
• Database or web scraping -> new use of an API - selecting, integrating and manipulating the data,
• Time management - time boxing and forecasting how long tasks would take.