Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/thiagohrcosta/pizzashop-web

The PizzaShop-Web is a React.js and TypeScript-based project developed as part of the Rocketseat ReactJS formation. This application simulates a real-world pizza shop, featuring a dynamic frontend connected to a live API. It covers key concepts such as frontend development, API integration, component structuring, and testing, being a complete app
https://github.com/thiagohrcosta/pizzashop-web

react-router-dom reactjs shadcn-ui typescript vitejs

Last synced: 10 days ago
JSON representation

The PizzaShop-Web is a React.js and TypeScript-based project developed as part of the Rocketseat ReactJS formation. This application simulates a real-world pizza shop, featuring a dynamic frontend connected to a live API. It covers key concepts such as frontend development, API integration, component structuring, and testing, being a complete app

Awesome Lists containing this project

README

        

# Pizza Shop Web
***PizzaShop-Web: A Complete Order Management Application for Pizzerias***

![image](https://github.com/user-attachments/assets/852d2ca0-9803-4577-935d-65f9e498b05c)

**PizzaShop-Web** is an advanced project built with **React.js** and **TypeScript**, integrated with a modern backend powered by **Bun.js [(see the backend here)](https://github.com/thiagohrcosta/PizzaShop-API)**. Developed as part of the **Rocketseat ReactJS specialization**, this application simulates a real-world order management system for businesses, providing an **interactive dashboard** that allows users to track orders, filter data, and update order statuses seamlessly.

## Technologies
![Vite](https://img.shields.io/badge/vite-%23646CFF.svg?style=for-the-badge&logo=vite&logoColor=white) ![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB) ![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white) ![React Router](https://img.shields.io/badge/React_Router-CA4245?style=for-the-badge&logo=react-router&logoColor=white)

**Key Features:**

- **Secure Authentication:** Innovative passwordless login via email, leveraging **secure cookies** for session management.
- **Robust Backend:** Fully integrated with a **Bun.js API**, ensuring high performance and streamlined communication between frontend and backend.
- **Dynamic Interface:** A responsive and fluid user experience built with React and TypeScript, employing modern development practices.
- **Comprehensive Testing:** Implementation of **unit tests** and **end-to-end (E2E) tests**, ensuring reliability and system stability.
- **Order Management:** A practical tool for businesses to monitor orders, apply detailed filters, and efficiently manage status progressions.

This project not only highlights my expertise in **full-stack development**, **system integration**, and **best programming practices**, but also reflects the knowledge and skills acquired during the **Rocketseat ReactJS specialization**.

## Certificate
![image](https://github.com/user-attachments/assets/0ccb1b10-39e0-4545-9f6e-5926c01bea72)