LolasÈlan
Lolaselan is an E-commerce platform for an African women's fashion store, allowing customers to browse and purchase products online from the comfort of their homes. The website offers a smooth shopping experience with a user-friendly interface, secure checkout, and fast order processing. Lolaselan also have a secured administrator page that allows authorized site admin to manage what is going on the site, such as updating products, sending promotional email to subscribers, viewing monthly revenue and order analytics, managing orders. On the Admin page, admin can view total income, total users, gather user emails to send promotional mail and lots more.
FEATURES
- Google Authentication
- Ordering system
- User profile
- Product listings
- Mobile Responsiveness
- Admin Features
TECH STACK
- React
- Next.js
- TailwindCSS
- Next Router
- Next Auth
- Supabase
- Netlify
- Resend
- Stripe

How the ordering is implemented
On Lolaselan, customers have the flexibility to place their orders in two different ways, depending on their preference.
The first option is to buy directly without adding the product to a cart. This method is designed for quick, single-item purchases. When a customer chooses this option, they simply select the product they want and proceed straight to the checkout process. However, in this mode, only one item can be purchased at a time.
The second option is to order through the cart. This allows customers to add as many products as they like before checking out. Whenever a customer adds a product to the cart, a modal appears prompting them to select their preferred size before the item is successfully added. Once products are in the cart, the customer can review their selections, adjust quantities, change sizes, or remove products entirely before proceeding to checkout.
Regardless of which method is chosen, the next step is to provide essential order information. Customers enter their first name, last name, phone number, address, postal code, product quantity, and size. They then select a shipping method that best suits their needs. After these details are confirmed, the customer is redirected to Stripe's secure checkout page. Lolaselan supports multiple payment options, including card payments, PayPal, Klarna, Link, Google Pay, and Apple Pay. This ensures customers can choose the payment method that's most convenient for them.
Once payment is completed successfully, the payment details — such as transaction ID, amount, and method — are stored securely in the database. The customer is then redirected to the Lolaselan success page, confirming that their order has been placed. From there, customers can visit their profile page at any time to track the status of their orders, keeping them informed as their purchase moves from processing to shipping and final delivery. This streamlined process ensures that whether a customer wants to buy one item quickly or multiple products at once, Lolaselan makes the experience smooth, flexible, and user-friendly.







How the Admin is implemented
The Lolaselan admin panel is designed with security, control, and ease of use in mind, ensuring that only authorized personnel can manage the website's operations.
Access to the admin pages is restricted through a secure authentication process. An authorized admin must sign in before gaining access to any administrative features. Middleware is used to validate each login, checking whether the signed-in email belongs to a registered admin. If the email is not authorized, the user is automatically redirected to an “Unauthorized” page, preventing them from accessing any admin routes. Once successfully logged in, the admin can navigate to the main dashboard at /admin/dashboard or access other sections such as /admin/orders, /admin/subscribers, /admin/analytics, and /admin/products.
The dashboard serves as a quick snapshot of the store's performance. It displays brief analytics including total orders, revenue, user count, product count, and a list of the most recent orders. This gives the admin an immediate overview of business activity without needing to dive into detailed reports. On the Orders page, the admin has full control over order management. They can view all orders in detail, update an order's status to Delivered, Processing, or Shipped, and these changes are instantly reflected in the customer's profile order page. If necessary, the admin can also delete orders from the system.
The Subscribers page focuses on customer engagement. Here, the admin can send promotional emails to all subscribers or select specific ones to target. Each subscriber's details, including their email address, are viewable, and the admin has the option to export the subscriber list as a CSV file for external use or record-keeping.
In the Analytics section, the admin can view in-depth performance reports. Monthly statistics for orders and revenue are displayed using clean, descriptive bar charts, making it easy to identify sales trends and business growth over time.
The Products page is the hub for inventory management. The admin can insert new products, edit existing ones, delete products that are no longer available, and update product details such as name, description, price, and availability status. Overall, the Lolaselan admin system provides a secure, organized, and highly functional environment for managing every aspect of the store — from tracking sales and orders to maintaining customer relationships and keeping the product catalog up-to-date.






Want to get in touch?
Send me a message!
If you're searching for a developer, need help with something, or just want to connect, don't hesitate to get in touch.