🖼️ PhotoGallery

Author: João Pedro Soares

📌 Description

PhotoGallery is a simple React project that displays a gallery of images using components and state management. The application allows the user to view a set of images, making it a great example for learning how to handle assets and dynamic rendering in React.

⚙️ Technologies Used

• React
• TypeScript
• Vite
• CSS Modules

📁 Project Structure

PhotoGallery/
├── public/
│   └── images/
├── src/
│   ├── components/
│   │   └── PhotoItem.tsx
│   ├── App.tsx
│   ├── main.tsx
│   └── styles/
│       └── gallery.module.css
├── index.html
├── vite.config.ts
  

🚀 How to Run Locally

1. Clone this repository
2. Run npm install to install dependencies
3. Run npm run dev to start the local development server
4. Access the app in your browser at http://localhost:5173

📸 Features

• Display of image gallery from a public folder
• Component-based structure
• Type-safe code with TypeScript
• Basic responsive layout with CSS

🎯 Purpose

This project was developed for practicing React with TypeScript and Vite, focusing on component reuse and clean structure.

📄 License

This project is intended for learning and personal use.

---

📘 Developed by João Pedro Soares