Skip to content

A single page application to play with my own API through nested react router, Visitors can login with google to drop comments and like projects in real time, Each project view will be counted and saved in the Mongo DB Database.

Notifications You must be signed in to change notification settings

iftikharrasha/my-projects-playlist-redux

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

33 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Server Side Git Repo

logo

Secret Base

This Project is built using MERN Stack with React JS, React Redux and SASS for front end, EXPRESS JS for backend, deployed the server side on Heroku and hosted the on Firebase with firebase authentication.

hero hero

🚀 Installation

  1. Clone the repository and change directories

    git clone https://github.com/iftikharrasha/my-projects-playlist-redux.git
    cd my-projects-playlist-redux
  2. Install dependencies

    npm install
  3. Start the local server

    The client 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
          └── AppDetail
            ├── AppDetail.js
          └── AppStore
            ├── AppStore.js
          └── DetailModal
            ├── DetailModal.js
          └── Footer
            ├── Footer.js
          └── Header
            ├── Header.js
          └── SideBar
            ├── SideBar.js
      └── Contexts
          └── AuthProvider
            ├── AuthProvider.js
      └── Firebase
          ├── firebase.config.js
          ├── firebase.init.js
      └── Hooks
          ├── useAuth.js
          ├── useFirebase.js
      └── Redux
          └── Slices
            ├── projectSlice.js
          ├── Store.js
      └── Pages
          ├── Home.js
          ├── Playlist.js
      └── Fonts
      └── Image
      └── Sass
      ├── App.test.js
      ├── index.js
      ├── logo.svg
      ├── reportWebVitals.js
      ├── setupTests.js
  ├── .firebaserc
  ├── .gitignore
  ├── firebase.json
  ├── package-lock.json
  ├── package.json
  ├── README.md

🎨 Color Reference

Color Hex
Black #000000 #000000
Primary #F4DD1E #F4DD1E
White #ffffff #ffffff

About

A single page application to play with my own API through nested react router, Visitors can login with google to drop comments and like projects in real time, Each project view will be counted and saved in the Mongo DB Database.

Topics

Resources

Stars

Watchers

Forks