La Galeria is a web application that showcases a collection of famous art pieces from various artists. It provides users with an interactive gallery experience, allowing them to explore and learn about iconic artworks. The project is built using Next.js, React, and Tailwind CSS.
- Responsive grid layout that adapts to different screen sizes.
- Clickable images that lead to individual artwork pages with more detailed information.
- Gradient overlay on images to enhance text readability.
- Smooth image loading with lazy loading for improved performance.
- Navigation bar for easy access to different sections of the gallery.
To run the project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/ErikBahena/galeria.git
-
Install dependencies:
npm install
-
Start the development server:
npm run dev
-
Open your browser and visit http://localhost:3000 to see the La Galeria website in action.
components: Contains reusable React components used throughout the application.data: Holds the image asset examples used to populate the gallery.pages: Houses the main Next.js pages, including the homepage and individual artwork pages.public: Static assets such as images and the favicon.styles: Custom Tailwind CSS styles and global styles.package.json: Defines project dependencies and scripts.
- Next.js: A React framework for building server-rendered React applications.
- React: A JavaScript library for building user interfaces.
- Tailwind CSS: A utility-first CSS framework for rapid UI development.
- TypeScript: A typed superset of JavaScript that compiles to plain JavaScript.
Contributions to the project are welcome! If you find any issues or have improvements to suggest, feel free to create a pull request or open an issue.
This project is licensed under the MIT License.
La Galeria - Explore the world of art through an interactive online gallery. Built with using Next.js, React, and Tailwind CSS.