An open API service indexing awesome lists of open source software.

https://github.com/frontandrew/stellar-burgers

Burger like you want!
https://github.com/frontandrew/stellar-burgers

react redux-toolkit rtk-query typescript vite websocket

Last synced: 2 months ago
JSON representation

Burger like you want!

Awesome Lists containing this project

README

          

# 🛸 **Stellar Burgers** `0.6.0`

![Screenshot](https://github.com/user-attachments/assets/f2a6f314-4627-4e15-b294-2b7672e2a4dd)


Try to use app with
LIVE DEMO

---

### Project features:

- Get information about the burger parts
- Craft burger by your own receipt
- Follow the execution process
- Look at your order history
- Get statistics about other users' orders

---

### Used tools:

- [TypeScript](https://www.typescriptlang.org/) - JavaScript with syntax for types
- [React](https://react.dev/) - the library for web and native user interfaces
- [React Router]() - a multi-strategy router for React bridging the gap from React 18 to React 19.
- [React DnD](https://react-dnd.github.io/react-dnd/about) - set of React utilities to help you build complex drag and
drop interfaces while keeping your components decoupled
- [React IntersectionObserver](https://react-intersection-observer.vercel.app/?path=/docs/intro--docs) - implementation
of the Intersection Observer API to tell you when an element enters or leaves the viewport
- [Redux Toolkit](https://redux-toolkit.js.org/) - the official, opinionated, batteries-included toolset for efficient
Redux development
- [Vite](https://vitejs.dev/) - a build tool that aims to provide a faster and leaner development experience for modern
web projects
- [ESLint](https://eslint.org/) - statically analyzes your code to quickly find problems
- [Vitest](https://vitest.dev/) - next generation testing framework
- [Cypress](https://cypress.io/) - test modern apps directly in your browser

---

### Start and use:

- clone repo
- install dependencies: `npm ci`
- for create build run: `npm run build`
- for use dev-server run: `npm run dev`
- for use build locally run: `npm run preview`
- for static check code by linter: `npm run test:lint`
- for static check typing: `npm run test:type`
- for unit testing code base: `npm run test:unit`
- for end-to-end testing: `npm run test:e2e`

---

> #### Templates: [Figma](https://www.figma.com/design/TbuS5lWzTxGut4DkvaSV8v/React-_-%D0%9F%D1%80%D0%BE%D0%B5%D0%BA%D1%82%D0%BD%D1%8B%D0%B5-%D0%B7%D0%B0%D0%B4%D0%B0%D1%87%D0%B8_external_link-(Copy))