ArtVista is a responsive, modern web application designed to showcase an artist's portfolio. Built with React and styled-components, it offers a sleek, dark-themed interface that's fully responsive across all devices.
- Responsive design from mobile to desktop
- Dark theme for optimal viewing of artwork
- Animated page transitions
- Interactive image gallery
- Contact form for user inquiries
- About page for artist information
Before you begin, ensure you have the following installed:
- Node.js (v14.0.0 or later)
- npm (v6.0.0 or later)
-
Clone the repository:
git clone https://github.com/yourusername/artvista.git -
Navigate to the project directory:
cd artvista -
Install the dependencies:
npm install
To start the development server:
npm run dev
The application will be available at http://localhost:3000 (or another port if 3000 is in use).
To create a production build:
npm run build
The build artifacts will be stored in the dist/ directory.
artvista/
├── src/
│ ├── components/
│ │ ├── Navbar.jsx
│ │ ├── Landing.jsx
│ │ ├── About.jsx
│ │ ├── Showcase.jsx
│ │ ├── Contact.jsx
│ │ └── Footer.jsx
│ ├── App.jsx
│ └── main.jsx
├── public/
├── package.json
├── vite.config.js
└── README.md
- React
- React Router
- styled-components
- Vite (for build tooling)
To customize the content or styling:
- Update the text content in the respective component files.
- Modify the styled-components in each file to change the appearance.
- Add or remove routes in
App.jsxto change the site structure.
Contributions are welcome! Please feel free to submit a Pull Request.
This project is licensed under the MIT License - see the LICENSE file for details.
- React team for the awesome library
- styled-components for the great styling solution
- Vite team for the fast build tool
If you have any questions or feedback, please contact [Your Name] at [your.email@example.com].