Flex Fits is a sample online store 🛍 . This is the Frontend of the application.
Frontend APP ➡ Hosted on Heroku
Create a user account with a real email (to receive email) and play around with the app.
- Default admin Account 👉 [email protected]. Password 👉 awesomeapp.
You can upgrade a normal user to an admin but cannot edit this default admin account
N/B: Do NOT use your real credit/debit card to checkout. Use any Stripe demo cards
- Sample Card: 4242 4242 4242 4242. CVC: 222
✔ Mobile-responsive
✔ Custom styling (No CSS framework/library).
✔ User Authentication (Signup and Signin)
✔ Authorization (permissions => User, Admin)
✔ Password Reset (Forget Password)
✔ Password validations (can't contain name or email)
✔ Search (Items)
✔ Pagination (Items and Orders)
✔ Payment processing (cart checkout)
➖ Create account and log in
➖ Reset their password (password reset email)
➖ Upload items to the store
➖ Manage items they own (edit, delete)
➖ Search for items
➖ Add and remove items from their cart
➖ Checkout items in their cart
➖ View all their Orders
➖ View individual orders
➖ Manage their Account (Update name and password)
❇ Manage user permissions
❇ Manage all items
✅ React (NextJs for Serverside rendering)
✅ React-Apollo GraphQL Apollo client for React.
✅ Styled Component For styling the react components
✅ Cloudinary for image management
If I'm to improve this app, here's how I would begin:
- Implement ability to rate items
- Implement filtering by sellers, ratings, etc on the Items page
- ...