Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/gusmaomatheus/computer-store
Developed as a practical assessment for the PRW2 subject.
https://github.com/gusmaomatheus/computer-store
javascript react tailwindcss
Last synced: 16 days ago
JSON representation
Developed as a practical assessment for the PRW2 subject.
- Host: GitHub
- URL: https://github.com/gusmaomatheus/computer-store
- Owner: gusmaomatheus
- Created: 2024-08-23T20:11:01.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-09-30T01:15:51.000Z (3 months ago)
- Last Synced: 2024-12-22T18:17:37.760Z (16 days ago)
- Topics: javascript, react, tailwindcss
- Language: JavaScript
- Homepage:
- Size: 1.03 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🛒 Loja de Informática
Este projeto é uma simples página desenvolvida para a disciplina de **Programação para Web 2**. A aplicação permite o cadastro e a exibição de produtos em uma loja de informática, utilizando **React** para a construção da interface e **Tailwind CSS** para a estilização.
## 🧩 Funcionalidades
- **📋 Cadastro de Produtos:** Um formulário simples permite a inserção de novos produtos na lista.
- **📝 Exibição de Produtos:** Os produtos cadastrados são exibidos logo abaixo do formulário em uma lista organizada.
## 📋 Requisitos
Antes de executar o projeto, certifique-se de que você tenha os seguintes requisitos instalados em seu ambiente:
- [Node.js](https://nodejs.org/pt)
## 🚀 Tecnologias Utilizadas
- [**⚛️ React:**](https://react.dev/) Biblioteca JavaScript para construção da interface do usuário.
- [**🎨 Tailwind CSS:**](https://tailwindcss.com/) Framework utilitário para estilização rápida e customizável.
- [**⚠️ SweetAlert:**](https://sweetalert2.github.io/) Biblioteca para exibir alertas customizáveis.
- [**🌐 JSON-Server:**](https://www.npmjs.com/package/json-server) Ferramenta para simular uma API REST em um ambiente local.
## 🛠️ Como Executar o Projeto
1. Clone o repositório:
```cmd
> git clone [email protected]:gusmaomatheus/computer-store.git
> cd computer-store
```
2. Instale as dependências:
```cmd
> npm install
```
3. Inicie o JSON-Server:
```cmd
> npx json-server --watch db.json --port 3333
```
4. Inicie o servidor de desenvolvimento do React:
```cmd
> npm run start
```
5. Acesse a aplicação em: [http://localhost:3000](http://localhost:3000)
## ✨ Considerações Finais
Este projeto foi desenvolvido como parte de uma atividade avaliativa, com foco em praticar a construção de páginas utilizando React e Tailwind, além de simular a interação com uma API REST usando JSON-Server.