Kinmel is an e-commerce website built for the Nepal market. It allows users to browse products, filter by category and price, and add items to their cart. This project was developed as part of a portfolio to demonstrate full-stack development skills, focusing on a seamless shopping experience.
- Features
- Tech Stack
- Installation
- Folder Structure
- Running Backend and Frontend Together
- Future Improvements
- License
- Add to Cart: Users can easily add products to their shopping cart.
- Filter by Category: Products can be filtered based on different categories for easier navigation.
- Filter by Price: Users can adjust the price range to find products that match their budget.
- Responsive Design: The website is fully responsive, ensuring a smooth experience on both desktop and mobile devices.
- Frontend: React, HTML, CSS, Bootstrap
- Backend: Node.js, Express.js
- Database: MongoDB
-
Clone the repository:
git clone https://github.com/itsBikramRai/kinmel.git
-
Navigate to the project directory:
cd kinmel
-
To run both frontend and backend together, use the following script
Kinmel/ ├── frontend/ # Contains the React frontend code ├── backend/ # Contains the backend code with Node.js and Express ├── package.json # Contains the scripts for running frontend and backend together └── README.md # Project documentation
- package.json
{
"name": "kinmel",
"version": "1.0.0",
"scripts": {
"start:server": "npm start --prefix ./backend",
"start:client": "npm start --prefix ./client",
"dev": "concurrently \"npm run start:server\" \"npm run start:client\""
},
"devDependencies": {
"concurrently": "^6.2.0"
}
}
- Run
npm run dev
- Add a review section for users to provide feedback.
- Integrate payment gateways for a complete shopping experience.
- OAuth for login and signup
https://kinmel-backend.onrender.com/
- Contributions are welcome! If you'd like to improve this project, feel free to open an issue or submit a pull request.
- This project currently has no license.