Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/joeclos/silent-canvas
Silent Canvas - minimalistic photography portfolio built with React, Vite, TypeScript, and Sass.
https://github.com/joeclos/silent-canvas
reactjs sass typescript vite
Last synced: 8 days ago
JSON representation
Silent Canvas - minimalistic photography portfolio built with React, Vite, TypeScript, and Sass.
- Host: GitHub
- URL: https://github.com/joeclos/silent-canvas
- Owner: JoeClos
- Created: 2024-09-16T09:56:01.000Z (about 2 months ago)
- Default Branch: main
- Last Pushed: 2024-09-19T04:24:37.000Z (about 2 months ago)
- Last Synced: 2024-10-16T15:36:00.271Z (23 days ago)
- Topics: reactjs, sass, typescript, vite
- Language: SCSS
- Homepage:
- Size: 14 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Silent Canvas
## A minimalistic photography portfolio built with React, Vite, TypeScript, and Sass.
## 📹 Video Demo
https://github.com/user-attachments/assets/270f81d1-6705-4380-9ea5-df22cca5d58a
This application showcases a curated collection of landscape and minimalistic photography. It features a responsive layout with a sliding sidebar navigation, a dynamic flexbox photo layout, and artistic sections for presenting the photographer's work and background.
## Key Features:
- Dynamic Photo Layout: A visually engaging photo display using Flexbox for a modern and adaptable arrangement.
- Responsive Design: Ensures a seamless experience across various devices and screen sizes.
- Sliding Sidebar: A sleek, collapsible sidebar for easy navigation.
- Artistic Presentation: Customizable sections for 'About Me' and 'Contact' with unique, artistic styling.
## Technologies Used:
- React for building the user interface.
- Vite for fast development and build processes.
- TypeScript
- Sass for advanced styling and theming.
## Initial setup
1. **Set up the project locally**:
```
# Clone the repository:
git clone https://github.com/JoeClos/photography-portfolio.git
# Install dependencies:
npm install
# Start the development server:
npm run dev
```
3. **Access the project in the browser**: Open your browser and navigate to: http://localhost:5173 to view the app.