Table of Contents
Enhance your mobile experience with high-quality phone cases created by CaseCobra. Your phone will be embraced by the custom made phone cases made by you and surely feel your love ❤️.
Here's why:
- High-quality, durable material
- 5 year print guarantee
- Modern iPhone models supported
This is an example of how to list things you need to use the software and how to install them.
- npm
npm install npm@latest -g
- pnpm
npm install -g pnpm
Below is an example of how you can instruct your audience on installing and setting up your app. This template doesn't rely on any external dependencies or services.
- Create a
.envfile insideapps/weband fill with necessary variables based on.env.example - Clone the repo
git clone https://github.com/yarkincaner/case-cobra.git
- Install NPM packages with pnpm
pnpm install
- Run developer server
pnpm dev
CaseCobra welcomes you with a landing page that contains a hero section, testimonials, and reviews.
You can use both light theme and dark theme to meet your preference.
Login page has two different appearance, one is a dialog with a route, and the other is a direct path. Having different login pages increases the user experience.
You can create your in three steps:
- Upload your image
- Design your case with uploaded image
- Review your configurated case
A user can upload images via drag and drop or click to select an image to upload. This process takes a bit of time and user gets feedback with a progress bar to see how long will it take to upload their image, thus experience decent user experience.
In this step, user views uploaded image on a digital case and can replace or resize their image on the case. They can select desired configurations on the side panel that contains supported colors, iPhone models, materials, and finishes.
In this last step, a preview of their configurated case shown to the user, the availability of shipment, highlights and materials, and total price that is base price plus configurations.
CaseCobra has an integrated payment system with Stripe.
In order to test payment system, you can use a test card shown below that is provided by stripe to simulate a payment process
After payment is success, stripe redirects users to a thank you page with order informations.
A dashboard button appears on navbar to navigate admin to dashboard.
Admin dashboard contains weekly and monthly goals, incoming orders from last week and details about these orders.
Admin can change status of an order.
