nesu11 / react-photo-teamwork

React Photo Teamwork

React boilerplate for Manchester Codes' react photo-sharing teamwork project.

For use with the Manchester Codes photo-api.

Getting Started

Clone down this repository:

git clone [email protected]:MCRcodes/react-photo-teamwork.git

Install dependencies

npm install

Start up the application:

npm start

Visit localhost:8080 in your browser.

You should see a links to sign-up and login pages.

Teams

Team 1: Profile

Team 2: Image Browsing

Team 3: Image Details and Comments

Extension: Image Upload

Unfortunately the Instagram web app does not have an image upload. 💁

Checking other teams' work

1 - make sure you don’t have any uncommited work by doing git status. Commit and push if you wish to keep that work. Alternative to CMD+Z - If don’t want to keep any of the uncommited work you can use git stash to revert all changed code back to last commit. git stash can be undone by doing git stash pop

2 - make sure you’re on the master branch of the repo git checkout master

3 - get all the new code pushed to the repository yesterday evening by running git fetch && git pull

4 - notice new branches name in the list of data being fetched in your terminal, like feature-3, feature1, repo-list-dev

5 - git checkout branch-name-here to run the repo using the code in that specific branch. Note we did not use -b here as we’re not creating new branches

6 - run the app as usual with npm start

PART 2 - if you’re cloning the repo afresh

1 - after cloning, if you do git branch it’ll only show the master branch

2 - however if you do git branch -a you’ll see all the branches are there in a kind of hidden way

3 - do git checkout branch-name-here to run the repo using the code in that specific branch

4 - if in doubt that branch has the most up to date code that has been pushed just do git pull && git fetch. In this case it should say all is up to date