Giter VIP home page Giter VIP logo

sukedesu's Projects

crwn-clothing-firebase-cart icon crwn-clothing-firebase-cart

This repository contains my solution for storing a users cart in firestore. Most of the new code is in the cart saga and firebase utils along with the typical react-redux actions and action types. Make sure to look at the README to see what the security rules are!

crwn-hooks icon crwn-hooks

We have updated our application over to using hooks and functional components to replace any class components we had before.

draft-js-plugins icon draft-js-plugins

React Plugin Architecture for Draft.js including Slack-Like Emojis, FB-Like Mentions and Stickers

lesson-10 icon lesson-10

Adding email/password sign up authentication for firebase, as a result we need to store our user objects in the database.

lesson-11 icon lesson-11

Finally we update our sign-in component with our email/password sign in.

lesson-13 icon lesson-13

Let's update our app so that after a user signs-in they are redirected to the home page, also if a user is signed into our application, we don't want them to be able to access the signinandsignup page.

lesson-16 icon lesson-16

Now that we have created all the redux code for storing our data, now we are going to connect our items to add them to our cart.

lesson-17 icon lesson-17

We need to create our cart-item component for our cart and connect our cart component to our cart reducer.

lesson-22 icon lesson-22

We don't want our users to lose their carts whenever they refresh, so we are going to leverage one of the benefits of redux by persisting our store object in localstorage using redux-persist.

lesson-26-complete icon lesson-26-complete

In this repository, all our components have been converted to styled-components!

lesson-27 icon lesson-27

We've moved our shop data into our firestore database, now we need to modify our application in such a way that considers our data being loaded asynchronously. We have created a WithSpinner HOC as well as modified our shop to initialize the call for data.

lesson-32-complete icon lesson-32-complete

Let's make our code mobile responsive! We wrote some media queries into the appropriate css files and now we have mobile friendly code!

lesson-5 icon lesson-5

Going over the concept of higher order components through use of the withRouter HOC from react-router-dom.

lesson-7 icon lesson-7

Creating header component to demonstrate where react-router renders our content on the page using <route> component

redux icon redux

Predictable state container for JavaScript apps

xhr-fetch-axios-intro icon xhr-fetch-axios-intro

An introduction (and quick comparison) of XMLHttpRequest, fetch() and Axios. Belongs to a tutorial series (https://www.academind.com/learn/javascript/xhr-fetch-axios-xmlhttprequest)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.