jp-quintana / react-shopping-cart Goto Github PK
View Code? Open in Web Editor NEWShopping cart app built with React and Firebase. This app is a clone of https://alphaleteathletics.com.
Home Page: https://flaakko-v2.web.app/
Shopping cart app built with React and Firebase. This app is a clone of https://alphaleteathletics.com.
Home Page: https://flaakko-v2.web.app/
Add Button and Card components and update current UI.
Add Cart Modal
Remove Tailwind Elements and replace with Swiper.
Add product filter for collection page.
Add stock checks throughout the app. Add logic to update cart if there are difference between amounts in cart and available stock.
Add basic UI, Images & params
Setup authentication with auth and implement cart/auth logic.
Add basic UI & params
Add User Profile Logic.
Add Checkout Logic.
Add Cart page and base UI.
Add Checkout UI.
Add admin panel and feature for admin to add/delete/edit products.
Setup Firebase hosting and files to deploy app to firebase.
Migrate To Vite.
Add both product showcase with Swiper and "quick add" feature in ProductCard component.
Change app language to English.
Add Loading Spinner When Adding Product To Cart
Add Custom Key Down Hook to listen for Escape key when modals are open so they can be closed.
Add placeholder UI for loading media.
Make action creators lean and move code to reducer itself.
Add Loader Component.
Update label format in checkout session.
Create product slider using Swiper to display latest products added to firebase.
Add users' addresses in dropdown menu in checkout page to improve user experience.
Update Cart Logic.
Redesign database to allow for future implementation of admin view.
Add shipping and address details in order reviews in account profile.
Create Sign Up Page
Add notification modals for add item to cart and for errors throughout the app.
Add link to carrousel that goes to the collections page.
Load all producs onto firebase firestore. Update product schema and logic in project. Update cart logic to make it work with new product schema.
Add missing cart and cart icon styles.
Add Sign In Page.
Add Cart Context and implement Cart logic in Header and Product and Cart pages.
Add error handler function & custom error model.
Make it so that the footer sticks to the bottom of the page no matter the amount of content in main.
Update cart schema.
Refactor code throughout app.
Update nav UI and incorporate auth logic. Add protected routes.
Setup router and route for the home page and add basic UI + Images
Refactor project code.
Update names of variables inside product page and data file to better reflect what they intend to represent.
Create UI for User Profile Page.
Update UI of app.
Add hook to store email from users in firebase newsletter collection.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.