https://github.com/nabilaferdousprapty/catalog-crafter-client
Front end of E commerce website
https://github.com/nabilaferdousprapty/catalog-crafter-client
firebase merakiui reactjs sweetalert2 tailwindcss
Last synced: 3 months ago
JSON representation
Front end of E commerce website
- Host: GitHub
- URL: https://github.com/nabilaferdousprapty/catalog-crafter-client
- Owner: NabilaFerdousPrapty
- Created: 2024-08-14T15:06:24.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-08-23T15:26:23.000Z (almost 2 years ago)
- Last Synced: 2025-01-26T08:27:00.879Z (over 1 year ago)
- Topics: firebase, merakiui, reactjs, sweetalert2, tailwindcss
- Language: JavaScript
- Homepage: https://catalog-crafter.web.app/
- Size: 573 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Catalog Crafter E-commerce Website
Welcome to **Catalog Crafter**, your go-to platform for exploring and purchasing a wide range of products! Our website offers a seamless shopping experience, allowing users to search, filter, and sort products efficiently. You can access the live version of the Catalog Crafter App [here](https://catalog-crafter.web.app/).
## Table of Contents
- [Introduction](#introduction)
- [Key Features](#key-features)
- [Folder Structure](#folder-structure)
- [Setup Instructions](#setup-instructions)
- [Technology Stack](#technology-stack)
- [Dependencies](#dependencies)
- [Contribution Guidelines](#contribution-guidelines)
- [Contact Information](#contact-information)
- [Contributing](#contributing)
- [License](#license)
## Introduction
**Catalog Crafter** is a dynamic e-commerce platform where users can browse and purchase products effortlessly. With advanced filtering, searching, and sorting functionalities, Catalog Crafter ensures that users find exactly what they are looking for in the most efficient way possible.
## Key Features
- **User Registration & Login:**
- Secure registration and login system.
- Role-based authentication (Admin, User).
- **Product Management:**
- View and manage product listings.
- Search products by name, brand, and category.
- Filter products by price range, brand, and category.
- **Sorting & Pagination:**
- Sort products by price (Low to High, High to Low).
- Sort products by date added (Newest First, Oldest First).
- Paginate through product listings for better navigation.
- **Product Details:**
- View detailed information about each product.
- High-quality images and descriptions.
- **Responsive Design:**
- Fully responsive interface for an optimal user experience on any device.
## Folder Structure
```plaintext
Catalog-Crafter/
├── public/
│ ├── index.html
│ └── ...
├── src/
│ ├── components/
│ ├── pages/
│ ├── App.jsx
│ └── index.js
├── .eslintrc.js
├── .gitignore
├── README.md
├── package-lock.json
├── package.json
└── webpack.config.js
```
## Setup Instructions
1. Clone the repository.
```bash
git clone https://github.com/NabilaFerdousPrapty/Catalog-Crafter.git
cd Catalog-Crafter
```
2. Install dependencies using:
```bash
npm install
```
3. Set up environment variables for your database and any required APIs.
4. Run the development server using:
```bash
npm start
```
5. Open your browser and navigate to:
```plaintext
http://localhost:3000
```
## Technology Stack
- **Frontend:** React.js, CSS Modules, React Router
- **Backend:** Node.js, Express.js, MongoDB
- **Authentication:** JSON Web Tokens (JWT)
- **Deployment:** Vercel, Heroku
## Dependencies
- React
- React Router
- Node.js
- Express.js
- MongoDB
- Mongoose
- JWT
- CSS Modules
## Contribution Guidelines
1. Follow the commit message guidelines.
2. Ensure all new features are tested.
3. Keep the codebase clean and well-documented.
4. Submit pull requests for review before merging.
## Contact Information
For any queries or support, feel free to reach out:
- **Email:** nabilaferdousprapty@gmail.com
- **Address:** Rajshahi, Bangladesh
## Contributing
We welcome contributions! Please follow these steps:
1. Fork the repository.
2. Create a new branch (`git checkout -b feature-branch`).
3. Make your changes and commit them (`git commit -m 'Add new feature'`).
4. Push to the branch (`git push origin feature-branch`).
5. Open a pull request.
## License
This project is licensed under the MIT License. See the LICENSE file for more details.
---
Thank you for using **Catalog Crafter**! We hope you enjoy your shopping experience.
```
This README provides a comprehensive guide to setting up and contributing to your Catalog Crafter project.