Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sm-noushan/react-crafty-canvas-client
Welcome to Crafty Canvas, your ultimate destination for art and craft enthusiasts! Visit us at to explore a world of creativity and inspiration.Server
https://github.com/sm-noushan/react-crafty-canvas-client
axios daisyui expressjs firebase-auth mongodb prop-types react-awesome-reveal react-hook-form react-router-dom-v6 react-toastify reactjs styled-components swiper-js tailwindcss
Last synced: about 1 month ago
JSON representation
Welcome to Crafty Canvas, your ultimate destination for art and craft enthusiasts! Visit us at to explore a world of creativity and inspiration.Server
- Host: GitHub
- URL: https://github.com/sm-noushan/react-crafty-canvas-client
- Owner: SM-Noushan
- Created: 2024-05-31T06:21:52.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-07-02T18:13:01.000Z (5 months ago)
- Last Synced: 2024-10-09T14:19:43.720Z (about 1 month ago)
- Topics: axios, daisyui, expressjs, firebase-auth, mongodb, prop-types, react-awesome-reveal, react-hook-form, react-router-dom-v6, react-toastify, reactjs, styled-components, swiper-js, tailwindcss
- Language: JavaScript
- Homepage: https://crafty-canvas-by-sm-nowshan.surge.sh
- Size: 262 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Crafty Canvas - Your Home for Art and Craft Creations
## Project Overview
Crafty Canvas is a dynamic space for exploring, discovering, and creating art. Our platform provides a diverse range of painting and drawing categories, curated to spark your imagination and inspire creativity. From landscapes to portraits, Crafty Canvas offers something for every artistic taste.
- [Live-Site](https://crafty-canvas-by-sm-nowshan.surge.sh)
- [Server-Repo](https://github.com/sm-noushan/react-crafty-canvas-server)
## Key Features:
- **Arts&Crafts Management**
- **Profile Management**
- **Dark Mode**
## Technologies Used in this Project
- ReactJS
- Firebase
- TailwindCSS
- MongoDB (Server Side)
- Express.js (Server Side)
## Run the Project Locally
### Prerequisites
Before you begin, ensure you have the following installed on your system:
- [Git](https://git-scm.com/downloads)
- [Node.js](https://nodejs.org/) (LTS version recommended)
1. **Clone the Repository**:
```sh
git clone https://github.com/sm-noushan/react-crafty-canvas-client
cd react-crafty-canvas-client
```
2. **Install Dependencies**:
```sh
npm install
```
3. **Set Up Environment Variables**: Create a `.env.local` file in the root directory and add the necessary environment variables. (**Important!**)
4. **Run the Application**:
```sh
npm run dev -- --host
```
5. **Access the Site**: Open your browser and go to `http://localhost:5173/` or `http://192.168.1.12:5173/` from other devices on the same network to view the application.
Thank you!
Crafty Canvas - Where every stroke tells a story, and every creation finds its home.