🪒Captain Barber 🪒

Captain Barber is a portfolio project where you can search for barbershops in Amsterdam, see and write their reviews, rate them and add new barbershops. You can see the information about the services they provide so you can compare the prices and decide where to book your appointment. You can also find contact information for each barbershop and locate them on a map, so you always know where to go to get that clean cut.

Table of contents:

• Goals for this Project
• User Stories
• App Demo
• Working Version
• Database Diagram
• Project-Board
• Backend
• Technologies Used
• Git Version Control
• SETUP

Goals for this Project

The goal of this project is to build a full-stack app, implementing backend and frontend technologies. This is the frontend of the project, where I am trying to:

• build a working prototype in two weeks
• apply the technologies I learned in Codaisseur Bootcamp
• showcase and document development skills using:
  • wireframes as Minimum Viable Product
  • data model design
  • kanban project approach
  • transparant and structured git version control

User Stories

• As a page visitor, I can sign up and log in as a user. I must register before I can post reviews and like barbershops.
• As a page visitor, I am able see existing barbershops, their rates and reviews. I can see them sorted by their rates in a descending order.
• As a page visitor, I am able to see the name of the user, that posted a review and the time and date of when it was posted.
• As a page visitor, I am able to see the existing barbershops on a map and get to their detail page when clicking on them.
• As a logged in user, I am able to rate and review barbershops.
• As a barbershop owner, I can log in as a barbershop owner.
• As a logged in barbershop owner, I am able to add a new barbershop to the list of barbershops.

App Demo

Working Version

Link to Captain Barber

Database Diagram

Link to the DB diagram

Project Board

Link to the project board

Backend

Link to the server side of the project

Technologies Used

• React
• React Router DOM
• Redux
• Redux Thunk
• React Leaflet
• Axios
• Html, JSX
• CSS, React Bootstrap
• Moment, React-Moment, Moment-Timezone

Git Version Control

In this project I try to implement solid version control:

• write clear commit messages
• name branches by features
• do pull requests with meaningful summaries

SETUP Getting started

• clone your app
• cd into your project
• npm install
• npm start