Skip to content

Training project from Yandex.Practicum: 'Stellar Burger' – a space-themed web application for ordering burgers

License

Notifications You must be signed in to change notification settings

TokmakDA/react-stellar-burger

Repository files navigation

🚀 React Stellar Burger

React TypeScript Vite Redux License

Interactive space-themed burger constructor built with React + TypeScript. Educational project developed as part of the Yandex Practicum program. Uses the Feature-Sliced Design (FSD) architecture.

Click to expand
Burger Constructor Burger Constructor DnD ingredient order-loader profile profile-orders profile order orders-feed order-info

🌐 Live Demo

🔗 Deployed on GitHub Pages: react-stellar-burger

📦 Deployment branch: gh-pages


📌 Features

  • Interactive burger constructor with drag & drop
  • Modal ingredient details
  • Order creation and status flow
  • Full routing with React Router v7
  • Token-based authentication flow
  • Redux + RTK Query for API integration
  • Code architecture based on FSD principles
  • Refresh token flow
  • Forgot password flow
  • Background location routing

🧪 Tech Stack

  • ⚛️ React
  • ⛑️ TypeScript
  • 🌐 React Router v7
  • 🎯 Redux / Redux Toolkit / RTK Query
  • 🧲 React DnD
  • 🚀 Vite
  • 💅 SCSS
  • 🍔 React Developer Burger UI Components

🚀 Scripts

Command Description
dev / start Launches dev server and opens the app
build Builds the production-ready app
preview Serves local preview of the production build
test Runs unit tests
test:ui Runs UI tests
cypress Launches Cypress E2E tests
format Formats the codebase
lint Lints the code
lint:fix Fixes linting errors

🛠️ Installation

git clone [email protected]:TokmakDA/react-stellar-burger.git
cd react-stellar-burger
npm install
npm run dev

About

Training project from Yandex.Practicum: 'Stellar Burger' – a space-themed web application for ordering burgers

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages