Welcome to the Carver Skateboard E-Commerce Project! This web application serves as an online store for Carver skateboards. Users can browse various products, view details, add items to their cart, and complete purchases securely through Razorpay.
This project aims to create a user-friendly e-commerce platform specifically for Carver skateboards. Users can explore different skateboard models, view detailed information about each product, add items to their cart, and securely complete transactions using Razorpay.
- Product Display: Home page showcasing a range of Carver skateboard products.
- Product Details: Detailed information about each skateboard model.
- Cart Functionality: Ability to add and remove items from the cart.
- Secure Payments: Integration with Razorpay for secure payment processing.
- Firebase Integration: Firebase for hosting and database management.
- JSON-Server Mock Database: Mock database setup using JSON-Server.
/public
index.html
: Home page displaying Carver skateboard products.product-details.html
: Detailed information about a specific skateboard product.cart.html
: Shopping cart page displaying added items.payment.html
: Page for completing payment via Razorpay./styles
style.css
: CSS file containing styles for all HTML pages.
/scripts
main.js
: JavaScript file handling functionalities like fetching data, cart operations, and Razorpay integration.
/json-server
db.json
: JSON file serving as a mock database for skateboard product information.
firebase.json
: Configuration file for Firebase hosting or additional functionalities.README.md
: Documentation providing an overview, setup instructions, and details about the project.
- Frontend: HTML, CSS, JavaScript
- Backend: JSON-Server (Mock Database)
- Payment Processing: Razorpay
- Database & Hosting: Firebase
- Clone the repository:
git clone <repository-url>
- Install dependencies (if any).
- Set up Firebase and configure your Firebase credentials.
- Configure Razorpay for payment processing.
- Start JSON-Server to serve mock data.
- Open the project in a web browser.
- Access the home page (
index.html
) to view available Carver skateboard products. - Click on a product to view detailed information (
product-details.html
). - Add desired items to the cart and proceed to the cart page (
cart.html
). - Complete the purchase securely using Razorpay on the payment page (
payment.html
).
Contributions to improve this project are welcome! Feel free to open issues or pull requests to suggest enhancements, report bugs, or discuss ideas for further development.