https://github.com/sharifshehab/clay-corner

In Clay Corner, users can register and add their items to the marketplace. Browse through a vast collection of handcrafted pieces contributed by other users. With intuitive controls, users can manage their listings, including the ability to delete or update their products at any time, ensuring their inventory stays fresh and up-to-date.
https://github.com/sharifshehab/clay-corner

express firebase mognodb node react

Last synced: 3 months ago
JSON representation

In Clay Corner, users can register and add their items to the marketplace. Browse through a vast collection of handcrafted pieces contributed by other users. With intuitive controls, users can manage their listings, including the ability to delete or update their products at any time, ensuring their inventory stays fresh and up-to-date.

• Host: GitHub
• URL: https://github.com/sharifshehab/clay-corner
• Owner: sharifshehab
• Created: 2024-09-19T01:46:35.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2025-02-05T11:37:10.000Z (over 1 year ago)
• Last Synced: 2025-05-18T02:49:40.581Z (about 1 year ago)
• Topics: express, firebase, mognodb, node, react
• Language: JavaScript
• Homepage: https://clay-corner.web.app
• Size: 1.09 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Clay Corner - The Handcrafters Sanctuary 



  



Clay Corner, is where tradition and creativity come together to offer an exquisite collection of handcrafted clay pieces. Whether you're searching for stunning home decor, elegant vases, or functional pottery, Clay Corner has something to suit every taste and style. Each item in our collection is carefully crafted by skilled artisans, ensuring that every piece is unique and made with the utmost attention to detail. Our clay creations are perfect for adding a touch of warmth and personality to your home or as thoughtful gifts for loved ones. From rustic, earthy designs to more modern and sleek finishes, our range of products combines beauty with function, making them a lasting addition to any space. Explore our store today and bring home a piece of art that will elevate your home and create lasting memories.

## Technologies used:

- **React Router**

- **Context API**

- **Firebase**

- **Tanstack Query**

- **Axios**

## Key features:

1. **Pagination to browse multiple pages of the website with dynamic content**

2. **Title-based search functionality to help users quickly find their desired items**

3. **Protected routes to restrict access for unwanted users, for secured and personal information**

## Dependencies:

    - axios: ^1.7.7,

    - firebase: ^10.13.1,

    - react: ^18.3.1,

    - react-awesome-slider: ^4.1.0,

    - react-dom: ^18.3.1,

    - react-icons: ^5.3.0,

    - react-router-dom: ^6.26.2,

    - sweetalert2: ^11.14.0,

    - swiper: ^11.1.12

    

## Dev Dependencies:

    - @eslint/js: ^9.9.0,

    - @types/react: ^18.3.3,

    - @types/react-dom: ^18.3.0,

    - @vitejs/plugin-react: ^4.3.1,

    - autoprefixer: ^10.4.20,

    - daisyui: ^4.12.10,

    - eslint: ^9.9.0,

    - eslint-plugin-react: ^7.35.0,

    - eslint-plugin-react-hooks: ^5.1.0-rc.0,

    - eslint-plugin-react-refresh: ^0.4.9,

    - globals: ^15.9.0,

    - postcss: ^8.4.45,

    - sass-embedded: ^1.78.0,

    - tailwindcss: ^3.4.10,

    - vite: ^5.4.1

## Installation:

1. **First, clone the repository to your local machine. you can do this by downloading the zip file or by cloning it using the web URL**

2. **Navigate to the project folder and open it with cmd terminal**

3. **Write npm i in the terminal**

4. **Create a file name .env.local, inside the project root folder**

5. **Save your firebase config keys as environment variables in this file:**

    - **VITE_APIKEY=your-firebase-api-key**

    - **VITE_AUTHDOMAIN=your-firebase-authdomain**

    - **VITE_PROJECTID=your-firebase-project-id**

    - **VITE_STORAGEBUCKET=your-firebase-storage-bucket**

    - **VITE_MESSAGINGSENDERID=your-firebase-messaging-sender-id**

    - **VITE_APPID=your-firebase-app-id**

6. **After the installation is complete, start the application by typing npm run dev in terminal**

- **You should now be able to view and interact with the application on your local machine!**

##  Live Link:

- **[Clay Corner](https://clay-corner.web.app)**