Welcome to the development journey of our PlayStation 5 e-commerce website. This project aims to provide a seamless and efficient shopping experience for PlayStation 5 enthusiasts.
This monorepo project contains multiple frontend applications and a backend server for the PS5 Store application. The frontend is developed using React, and the backend is developed using Flask (Python). This setup uses Yarn Workspaces for managing dependencies and scripts.
/ps5-store
/frontend # Frontend Development
...
/backend # Backend Development
...- Combining React and Flask for an easier e-commerce experience
- Emphasis on sleek design and functionality
- Robust backend to ensure data safety and efficient order processing
- Best practices to enhance user experience and ensure success
- Continuous improvement driven by user feedback and performance monitoring
We intended to have the website look stylish with easy-to-use functionalities. Users surfing it comfortably can browse through PlayStation 5 consoles, games, and accessories.
- Lists consoles, games, and accessories with images
- User-friendly interface ensuring smooth navigation
In the backend, we are using Flask, which is a simple and powerful web framework. It handles user login, order processing, and maintaining data safety efficiently.
- Shopping cart and purchase are swiftly processed
- Protection of the information of customers and details of their transactions
- Easy navigation and search so users can find what they want quickly
- Simple and fast checkout process
- Mobile-friendly design ensuring the site works well on all devices
We are always looking for ways to make our site better. User feedback and continuous site monitoring are integral in making value-based decisions aimed at improving the site further.
- Assists in observing user actions on the website and its performance
- Gathers opinions and suggestions from users
- Put a great search functionality via keywords, categories, and filters
- Users can filter their search results with the help of price ranges, varying from ratings to even product types, something essential for users who are always on the go
- End of a guessing game—this helps users find what they want faster
Frontend:
- Bootstrap
- Framer Motion
- React
- React Paginate
- React Redux
- React Slick
- React Toastify
- Redux Persist
- Slick Carousel
- Tailwind Scrollbar
Backend:
- Flask
- Swagger
- Authentications Package using JWT (Custom Made Package)
- SQLite for development based database
- MySQL for Production based database
- Unittesting
- SQLAlchemy
- Permission & Validator packages (Custom Made Package)
- Serializers (Custom Made Package)
- Pydantic
- Node.js and Yarn
- Python and pip
-
Waheed Khaled Elhariri - Backend Engineer
- Responsible for designing and implementing the server-side logic, API development, and database management.
-
Zerihun Shiferaw - Frontend Engineer
- In charge of developing the user interface, ensuring a smooth and engaging user experience, and integrating frontend features with backend services.