caseIt is a one stop gallery and ecommerce platform for iPhone cases.
Visit caseIt to find out more!
- User sign up/ sign in (Auth)
- One click add to basket / remove from basket (Using Redux)
- Redux state persist using redux-persist
- Live search using Fuse.js
- Payment enabled using Stripe.js API
- Database storage of user's order history using Firebase Functions
- Mobile Responsive
As someone who always looks for mobile phone cases with unique and cool designs, I wanted to create an ecommerce platform where I can see all available designs for sale, search for it easily using keywords and last but not least the purchasing process should be seamless.
Next, I also got to experience the process of building an ecommerce platform from scratch albeit it being a simple one. I also got to ponder upon issues such as the edge cases to be considered, the technical difficulties and also how best to make my platform as appealing to other users as possible.
- React Routers for accessing different pages, i.e. signin/signout page, home page, payment page, checkout page etc.
- React Hooks
- Redux for state management and creating actions such as adding item to basket, removing item from basket, clearing basket
- Firebase for authentication
- Firestore for items database storage
- Firebase functions with NodeJS/Express to store user's order history in Firestore.
- Fuse.js (Live keyword search feature)
- Stripe.js (enable payment for products in basket)
- Mobile Responsiveness using CSS media queries