A modern printing service website built with React.js, Tailwind CSS, and EmailJS. Includes a service catalog with modals, a responsive design, and a quote request form with email integration.
Click here to view the live website
Printverse is a modern printing service website built using React.js, Tailwind CSS, and EmailJS.
Originally developed as a client project, the client unexpectedly abandoned it at the final stage. I decided to turn it into my personal portfolio project, showcasing my frontend skills, UI/UX design, and integration of email services.
The website allows users to:
- Browse a catalog of printing services with detailed modals
- Submit a Get Quote form that sends email notifications
- Experience a responsive, mobile-friendly design with smooth animations
- 📑 Service Catalog with interactive modals for each service
- 📨 Quote Request Form integrated with EmailJS
- 🎨 Modern UI/UX with Tailwind CSS & Framer Motion animations
- 📱 Fully Responsive design for desktops, tablets, and mobiles
- 🔒 Secure Form Handling (no sensitive keys exposed)
- ✨ Portfolio-Ready project showcasing frontend skills
- Frontend: React.js, Tailwind CSS, Framer Motion
- Email Handling: EmailJS
- Hosting: GitHub Pages
Landing Page
Services Section with Modals
Quote Request Form
Follow these steps to run the project locally:
- Clone the repo
git clone https://github.com/Prarambhi/printverse-website.git
- Navigate to the Project Folder
cd printverse-website
- Install Dependencies
Make sure you have Node.js installed. Then run:
npm install
This installs all the packages required for the project, including React, Tailwind CSS, and Framer Motion.
- Run the Development Server
npm start
Opens the project in your default browser at: http://localhost:3000
- Configure EmailJS
Create an account at EmailJS
Replace your service ID, template ID, and public key in the .env file or the form configuration