https://github.com/faysalgreen35/craftify-creations-client
Craftify Creations, your destination for exploring the diverse world of painting and drawing! Visit our website to unleash your creativity and discover a wide range of artistic expressions.
https://github.com/faysalgreen35/craftify-creations-client
Last synced: about 1 year ago
JSON representation
Craftify Creations, your destination for exploring the diverse world of painting and drawing! Visit our website to unleash your creativity and discover a wide range of artistic expressions.
- Host: GitHub
- URL: https://github.com/faysalgreen35/craftify-creations-client
- Owner: Faysalgreen35
- Created: 2024-06-18T04:07:32.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-07-02T09:39:34.000Z (about 2 years ago)
- Last Synced: 2025-03-01T15:17:40.352Z (over 1 year ago)
- Language: JavaScript
- Homepage:
- Size: 1.09 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Craftify Creations
Welcome to Craftify Creations, your destination for exploring the diverse world of painting and drawing! Visit our website to unleash your creativity and discover a wide range of artistic expressions.
# Craftify Creations Backend and Fronted Given Below:
**Live Site URL:** [Craftify Creations Server](https://craftify-creations-server.vercel.app)
-**Live Site URL:** [Craftify Creations Client](https://craftify-creations.web.app/)
## Website Preview:
## Painting and Drawing:
Explore the endless possibilities of painting and drawing with Craftify Creations. From traditional techniques to digital artistry, there's something here for every artist.
## Features:
- **A platform for exploring painting and drawing, allowing users to unleash creativity through various techniques.
- **Enabled custom design creation and showcased user artworks.
- **Implemented Firebase Authentication for user login via Google, Facebook, and GitHub.
- **Integrated MongoDB for storing user data and artworks.
## Technologies Used
- MongoDB
- Express.js
- React.js
- Node.js
- Firebase
## Getting Started
To visit our store and experience the wonderful world of coffee, simply drop by our location at [insert address]. We look forward to welcoming you!
## Contact Us
If you have any questions, feedback, or inquiries, feel free to reach out to us at [insert contact information].
## Installation
1. Clone the repository: `git clone https://github.com/programming-hero-web-course-4/B9A10-client-side-Faysalgreen35`
2. Navigate to the project directory: `cd craftify-creations-client`
3. Install dependencies: `npm install`
4. Start the development server: `npm run dev`
5. Start the deploy server: `npm run build`
## Usage
Once the development server is running, visit `http://localhost:5173` in your web browser to access Craftify Creations. Users can explore property listings, gather information, and connect with sellers or agents for further inquiries.
## Challenges Task
For this project, I have implemented the following npm packages to address specific challenges:
- **Swiper Slider**: I used the Swiper package to create interactive sliders for showcasing property images and other visual content.
- **AOS Package**: I used the AOS package to add animations to my Home, enhancing the user experience and visual appeal.
- **React Hook Form**: I implemented React Hook Form to manage and validate complex forms efficiently, providing a seamless experience for users when submitting inquiries or contact forms.
- **React-simple-typewriter**: Enhance your web development skills by participating in our React-simple-typewriter challenge. Create captivating typewriter animations to add an extra flair to your projects.
- **React-tooltip**: Dive into the world of frontend design with our React-tooltip challenge. Learn how to implement interactive tooltips to improve user experience and engagement on your websites.
## Contributing
Contributions are welcome! If you'd like to contribute to Craftify Creations, please fork the repository, create a new branch, commit your changes, and open a pull request. Please ensure to follow the existing code style and conventions.
## Credits
- [React](https://reactjs.org/)
- [React Router](https://reactrouter.com/)
## npm Packages Used:
- **React-tooltip**: A versatile tooltip library for React applications, perfect for enhancing user interactions and providing helpful hints.
- **React-simple-typewriter**: An easy-to-use React component that simulates typewriter text animations, adding a dynamic touch to your web projects.
## License
This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.
## Get Inspired, Get Creative!
Craftify Creations is not just a website; it's a platform for artists and art enthusiasts alike to connect, inspire, and create. Join us on this journey of artistic exploration and let your imagination soar!
## How to Run Locally
1. **Clone the repository:**
```bash
git clone https://github.com/Faysalgreen35/Craftify-Creations-Client
```
2. **Navigate to the project directory:**
```bash
cd Craftify-Creations-Client
```
3. **Install dependencies:**
```bash
npm install
```
4. **Run the application:**
```bash
npm run dev
```