Hi, welcome to Digistab Store! 👋
This is my portfolio project showcasing a modern e-commerce platform built with Elixir and Phoenix LiveView. I created this project to demonstrate my expertise in building real-time web applications with a focus on user experience and my skills with all that LiveView has to provide.
- Dynamic product creation and editing with live updates
- Rich text description editor for detailed product information
- Multi-image upload with S3 integration
- Smart price and stock management
- Category-based product organization
- Real-time search with instant results
- Tag system for flexible product classification
- Featured products carousel
- Responsive design that works on all devices
- Real-time updates without page refreshes
- Image galleries with lazy loading
- Clean, intuitive interface
That's some technologies that I have mastered:
- Elixir & Phoenix: For scalability and real-time features
- PostgreSQL: Reliable data storage with powerful querying capabilities, and an amazing relation with Ecto.
- Phoenix LiveView: Enabling rich, real-time user experiences without complex JavaScript
- TailwindCSS: For rapid UI development and consistent design
- AlpineJS: Lightweight JavaScript for enhanced interactivity
- Hero Icons: Beautiful, consistent iconography
- AWS S3: Scalable image storage
- AWS CodeDeploy: Automated deployment pipeline
- GitHub Actions: CI/CD automation
Visit the live demo: DigistabStore Demo
In this early version, you can do some basic things:
- Main page with product list, search bar, and a beautiful hero made with AlpineJS.
- Filter items by name or description in the search bar.
- Add products.
- View details about the product in show page.
- Edit the existent products (photo edit not available yet).
I'm continuously improving this project. Here are some features I'm planning to add:
- Advanced search filters
- User authentication
- Shopping cart functionality
- Order management system
- Payment integration
Want to run this project locally? Here's how:
-
Prerequisites:
# Versions I used for development elixir 1.17 erlang 27 postgres 12+ node 18+ -
Setup:
# Install dependencies mix setup # Start the server mix phx.server
Visit localhost:4000 to see the application running.
During the development of this project, I found these resources particularly helpful:
So if you are more interested on the tech part of this project, thank you so much, and I hope this could help you somehow in your path. Thank you so much for your time.
This project started as a concept for a tech challenge for my second company, Envixo. The name came to me instantly, combining 'Digital' + 'Stab' from a Stabilo pen on my desk. The description given to me was very simple: a CRUD for products to register, show, delete and edit. Nothing more than that.
At that point, I was feeling a little frustrated by having too many responsibilities, conciliating graduation with work, and never felt very confident about what I could deliver. So, I worked on it without paying much attention. In the end, I found myself with a good work in my hands. I could deliver it proudly and the role was mine. So this project always lived in a good place in my mind and my heart, and I've always wanted to revisit and put my effort and new techniques into it. after 3 years, now I have a solid foundation for enhancing my skills and knowledge, using this project as a highlight on my portfolio.
First of all, and as much as it may sound presumptuous: to myself, for never giving up when things became too hard to understand or when feelings of incapacity made me doubt myself. Even though it slowed me down, I never gave up. Once I realized that this is what I want to do, I knew that, somehow and someday, I would grab everything I deserve for continuing to fight for it.
Of course, I didn’t do this alone. Many people have passed through my life, planting seeds in this soil. I could never tend to this garden alone. To my college friends—Viviane, Leonardo, Francielle, Brenda, and many others who may make me update this section—thank you so much for never letting me give up, not just on the course but on this field in general. We have all grown so much together, and I know I’ve left a mark on your lives, just as you’ve left on mine.
To my best friend of all, José Viriato, who always guides me even when he doesn’t know where he’s going himself (sometimes, I think you should listen to yourself more). You’ve always helped me during my perfectionist delusions and my megalomaniac plans that I never even started. Thank you so much.
To my dearest ex-coworker friends, Felipe Stival, my first boss, who gave me a love for technology. You spent so much time at the start of my journey, sharing even the simplest and most obvious things, like how to find something in a log. You filled me with praise when I created a geolocation distance code that used the curvature of the Earth as a parameter, and so much more. Always present to give advice and tips. And to Elton Campos, who was always more optimistic than I ever was. Now I’m inspired to bring that same optimism into my life and career. It’s not just about being optimistic—it’s about being realistic.
More recently, my dear Juan Almeida (you could find him on github), who gave me the initial spark I always needed. All those simple conversations pressed a button that made me realize who I am and where I want to go. I’ve embraced all the advice we shared (I confess, much of what I told you I wasn’t applying in my own life), and now I’m using it all. Thank you so much, and I can’t wait to see how much you grow too.
It’s funny because this feels like a dedication in a graduation thesis, and somehow this project feels like that to me. So, thank you to everyone who shared a piece of knowledge with me—you made me.