Welcome to the Photosnap Project, a creative and audacious take on building a visually striking and responsive multi-page website for a fictional photography service. This project is designed to deliver a polished, professional-grade product.
Photosnap is a photography-focused platform that highlights the beauty and power of visual storytelling. The project involves creating a responsive, feature-rich website that includes:
- A captivating Landing Page to draw in users.
- An engaging Stories Page to showcase the stories of Photosnap.
- A sleek Features Page to showcase service highlights.
- A detailed Pricing Page with tiered plans and an interactive toggle.
- Responsive Design: Optimized for desktop, tablet, and mobile devices.
- Reusable Components: Built with clean and modular design principles.
- Interactive UI Elements: Includes dynamic pricing toggles and smooth navigation.
- Accessibility Focus: Designed to ensure inclusivity for all users.
- Frontend: HTML, Tailwind CSS, shadcn UI, and Nextjs.
- Deployment: Hosted on platforms like Netlify.
-
Clone the Repository:
git clone https://github.com/Miss-nonso/photosnap.git
-
Install Dependencies:
npm install
-
Run the Development Server:
npm run dev
-
Build for Production:
npm run build
The Photosnap project is a creative journey meant to:
- Explore engaging design principles.
- Focus on user-centric experiences that emphasize storytelling.
- Challenge my ability to implement responsive and accessible web solutions.