RH London - Niche Website Made with MERN STACK! LIVE PREVIEW.

Ricky Hair London (RH LONDON)

Built using MERN Stack with React JS and SASS for front end, EXPRESS JS as backend, deployed the server side on Heroku and hosted the client side on Firebase with firebase authentications.

🚀 Installation

1. Clone the repository and change directories

   git clone https://github.com/programming-hero-web-course-4/niche-website-client-side-iftikharrasha.git
   cd niche-website-client-side-iftikharrasha

2. Install dependencies

   npm install

3. Start the local server

   The site is now running at http://localhost:3000!

4. Open the source code and start editing!

What's inside? 🧐

A quick look at the top-level files hierarchy.

  .
  ├── .firebase 
  ├── node_modules
  ├── public 
  ├── src
      └── Components
          └── AdminForm
            ├── AdminForm.js
          └── CollectionForm
            ├── CollectionForm.js
          └── Collections
            ├── Collections.js
          └── CollectionTable
            ├── CollectionTable.js
          └── Details
            ├── Details.js
          └── Explore
            ├── Explore.js
          └── Features
            ├── Features.js
          └── Footer
            ├── Footer.js
          └── Header
            ├── Header.js
          └── Hero
            ├── Hero.js
          └── Imagination
            ├── Imagination.js
          └── Intro
            ├── Intro.js
          └── Login
            ├── Login.js
          └── MediaPartners
            ├── MediaPartners.js
          └── MyOrders
            ├── MyOrders.js
          └── Orders
            ├── Orders.js
          └── Payment
            ├── Payment.js
          └── ReviewForm
            ├── ReviewForm.js
          └── Reviews
            ├── Reviews.js
          └── ReviewsTable
            ├── ReviewsTable.js
          └── Sidebar
            ├── Sidebar.js
          └── SignUp
            ├── SignUp.js
          └── SingleOffer
            ├── SingleOffer.js
          └── UsersTable
            ├── UsersTable.js
          └── Welcome
            ├── Welcome.js
      └── contexts
          └── AuthProvider
            ├── AuthProvider.js
      └── fonts
      └── hooks
          └── useAuth.js
          └── useFirebase.js
      └── img
      └── Pages
          └── AdminRoute
            ├── AdminRoute.js
          └── Dashboard
            └── AddAdmin
                ├── AddAdmin.js
            └── AddCollections
                ├── AddCollections.js
            └── AddReviews
                ├── AddReviews.js
            └── AllCollections
                ├── AllCollections.js
            └── AllReviews
                ├── AllReviews.js
            └── AllUsers
                ├── AllUsers.js
            └── Dashboard
                ├── Dashboard.js
            └── ManageOrders
                ├── ManageOrders.js
            └── PayNow
                ├── PayNow.js
            └── SingleOrders
                ├── SingleOrders.js
          └── ExploreAll
            ├── ExploreAll.js
          └── Home
            ├── Home.js
          └── NotFound
            ├── NotFound.js
          └── PrivateRoute
            ├── PrivateRoute.js
          └── ServiceDetails
            ├── ServiceDetails.js
          └── Signin
            ├── Signin.js
          └── Signup
            ├── Signup.js
      └── Sass
      ├── App.test.js
      ├── index.js
      ├── logo.svg
      ├── reportWebVitals.js
      ├── ScrollToTop.js
      ├── setupTests.js
  ├── .firebaserc
  ├── .gitignore
  ├── firebase.json
  ├── package-lock.json
  ├── package.json
  ├── README.md

🎨 Color Reference

Color	Hex
Black	#0b090a
DarkGreen	#0e1715
Golden	#d2b48c
WhiteCream	#F6F0E9
White	#FFFFFF