Vintage PC Shop
A full e-commerce website with a retro theme, made with React without using any framework. This project showcases a pleasant shopping experience for vintage computer enthusiasts.
Technologies Used
React with React Router for building the user interface and handling the navigation.
Firebase for backend services, including authentication and the product database.
React Context and, in another branch, Redux, for global state management across the application.
TailwindCSS for creating a consistent and customizable styling system.
Deployed on Netlify and Google Firebase.
- Responsive design
- Authentication
- Filtering and sorting
- Shopping cart
- Checkout process
- Cart persistence
Challenges
One of the main challenges was implementing a complex state management system without relying on a full-fledged framework. This required careful planning and execution to ensure smooth data flow throughout the application.
Also, creating a responsive design that maintained the retro aesthetic across different screen sizes proved to be a challenge.
Performance optimization was another hurdle I faced, especially when it came to handling a large catalog of products. I had to consider how to structure the components and manage state updates to prevent unnecessary re-renders and maintain a smooth user experience.
Lastly, integrating Firebase services with the React frontend required to know very well this Google library. I needed to ensure that data fetching, authentication, and real-time updates were handled efficiently and securely.