DrawNook

DrawNook is a platform for art enthusiasts to explore, create, and showcase their artwork. Leveraging a combination of modern libraries and frameworks, DrawNook offers a seamless and engaging experience for users. Here's an overview of the technologies used in building DrawNook:

---

Libraries and Frameworks Used:

• SwiperJS: Utilized to implement responsive and touch-enabled carousels, sliders, and galleries, enhancing the user experience with smooth transitions and interactive navigation.
• Hook Form: Employed for efficient and flexible form management in React applications, providing features like validation, error handling, and form state management.
• Mamba UI: Offers a collection of customizable and modern UI components built with React, facilitating the development of a visually appealing and consistent user interface across the application.
• Daisy UI: Provides a set of lightweight and accessible React components designed for building elegant and accessible user interfaces, contributing to a polished and user-friendly design.
• Tailwind CSS: Utilized for rapid and responsive styling of components and layouts, leveraging utility classes to streamline the styling process and maintain consistency in design.

---

Additional Features:

• React-simple-typewriter: Used to create dynamic and eye-catching typewriter effects, adding flair to text elements and improving user engagement.
• React Awesome Reveal: Employed to implement stunning and seamless animations for revealing content, enhancing user interactions and creating memorable experiences.
• React Lottie: Utilized to seamlessly integrate Lottie animations into the application, enabling smooth and high-quality animations for various UI elements.

---

Live Demo

Explore DrawNook live at https://drawnook-a10.web.app to experience the seamless integration of these libraries and frameworks in action.

---

Author

DrawNook is developed and maintained by Rasel Parvez Sanny, a passionate developer dedicated to delivering exceptional user experiences through innovative and modern web technologies.

---

License

This project is licensed under the MIT License, allowing for free use, modification, and distribution of the source code. Refer to the license file for more details.

---

Feedback and Contributions

Your feedback and contributions are highly appreciated! Feel free to submit bug reports, feature requests, or pull requests to help improve DrawNook and make it even better for the community.

---

Thank You for Visiting DrawNook!

We hope you enjoy exploring and creating on DrawNook. For any inquiries or assistance, please don't hesitate to reach out to [raselparvezsanny@gmail.com]. Happy drawing! 🎨✨

---

Running the Project Locally

To run this project locally, follow these steps:

1. Clone the Repository:

git clone <https://github.com/your-username/drawnook.git>
cd drawnook

1. Install Dependencies:

Navigate to both the frontend and backend directories and install the necessary dependencies.

For the frontend:

cd frontend
npm install

For the backend:

cd backend
npm install

1. Set Up Environment Variables:

Create a .env file in the backend directory with the following variables:

MONGO_URI=your_mongodb_connection_string
JWT_SECRET=your_jwt_secret

Create a .env file in the frontend directory with the following variables (if applicable):

REACT_APP_API_URL=your_api_url

1. Run the Backend Server:

cd backend
npm start

1. Run the Frontend Server:

cd frontend
npm start

Both servers should be running now, and you can access the application at http://localhost:3000.

---

Enjoy exploring and creating on DrawNook! If you have any questions or need assistance, please contact us.