A fully responsive, accessible, and performant React website built for the Photosnap multi-page website challenge. Designed to showcase frontend development skills with modern web technologies.
- ⚛️ React (with functional components)
- 🧩 React Router (for multi-page navigation)
- 🎨 SCSS
- 💡 CSS Grid + Flexbox (responsive layouts)
- Fully responsive across mobile, tablet, and desktop
- Pixel-perfect match to design (from Figma files)
- Accessible and semantic HTML structure
- Dynamic routing with React Router
- Clean, modular components
public/
├─- assets/ # Images & icons
src/
├── react/
|-- components/ # ui components
|-- pages/ # site pages
|-- utilities/ # scroll to top
├── sass/ # all css files
|-- abstracts/
|-- block/
|-- composition/
|-- global/
|-- main.jsx
├── data.js # Static content or mock data
├── App.jsx # Router paths
├── main.jsx
🧩 Challenge by Frontend Mentor
This project is part of the Frontend Mentor challenges. You can find the challenge here.
Feel free to connect or reach out:
- Portfolio: sheetal-naik.vercel.app
- Email: sheetalnaik310@gmail.com
- LinkedIn: linkedin.com/in/developer-sheetalnaik
Built with ❤️ by [Sheetal Naik]