Stellar Burgers is a web application designed for a cosmic burger restaurant where users can create and order burgers using unique ingredients. The application supports user registration, login, order feed browsing, and personal data management.
Main goal of the project was to get to know more advanced React and Routing as well as to do tests using Jest and Cypress.
- HTML, CSS, TS
- React
- Redux
- React Router
- Cypress
- Jest
Dynamic Burger Constructor: Build custom burgers using a variety of ingredients. Order Feed: View all orders, updated in real-time. User Authentication: Secure registration and login functionality. Profile Management: Edit and save personal data. Order History: View previous orders and their statuses. Responsive Design: Optimized for all device sizes.
Configured application routing using react-router-dom. Implemented protected routes for pages that are only accessible to authenticated users.
Set up Redux store using createSlice to manage the state for ingredients, orders, and user data. Developed asynchronous Thunk functions to handle API requests and update the store accordingly.
Successfully fetched and displayed data from the server across various application pages. Implemented forms for registration, login, and profile editing with full functionality.
Enabled key features including order creation, order history viewing, and modal window interactions. Ensured that the application’s key functions work smoothly and meet the specified requirements.
Developed integration tests using Cypress to validate key user scenarios such as ingredient selection, order creation, and modal interactions. Created unit tests using Jest to ensure the correctness of reducers and Thunk functions, covering the main components of the Redux store.