8000 GitHub - razaizim1/art-craft: ArtCraft is a modern and user-friendly web application designed to showcase art and craft events with detailed information. Users can explore events, view details, and register for them seamlessly.
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

ArtCraft is a modern and user-friendly web application designed to showcase art and craft events with detailed information. Users can explore events, view details, and register for them seamlessly.

Notifications You must be signed in to change notification settings

razaizim1/art-craft

Repository files navigation

ArtCraft - A Local Event Discovery Platform

ArtCraft is a modern and user-friendly web application designed to showcase art and craft events with detailed information. Users can explore events, view details, and register for them seamlessly.

Live URL

Visit the Live Site

Purpose

This project is designed to provide a smooth and interactive user interface with features that enhance user engagement and optimize performance. It is powered by React and Firebase, styled with TailwindCSS and DaisyUI, and navigated seamlessly with React Router.

✨ Key Features

  • Browse and explore various art and craft events.
  • View event details including date, location, and description.
  • Google authentication for quick sign-in.
  • Secure password reset functionality.
  • Responsive design for all devices.
  • Toast notifications for better user experience.
  • Interactive SwiperJS carousels for featured events.

🛠️ Technologies And npm Packages Used

  • React.js - JavaScript library for building user interfaces.
  • Tailwind CSS - Utility-first CSS framework for rapid UI development.
  • DaisyUI - Tailwind CSS component library for styled UI components.
  • React Router - Declarative routing for React applications.
  • Firebase - Backend as a service for authentication and database.
  • React Helmet - Manage document head for better SEO.
  • Toast Alert - User-friendly alert notifications.
  • SwiperJS - Modern touch slider with awesome transitions.

Setup and Installation

Follow these steps to set up the project locally:

  1. Clone the repository:

    git clone <repository_url>
    cd b11a11-client-site
  2. Install dependencies:

    npm install
  3. Environment Variables: Create a .env file in the root of the b11a11-client-site directory and add your Firebase configuration (if applicable) and any other client-side environment variables.

    # Example .env content (replace with your actual Firebase config)
    VITE_API_KEY=your_firebase_api_key
    VITE_AUTH_DOMAIN=your_firebase_auth_domain
    VITE_PROJECT_ID=your_firebase_project_id
    VITE_STORAGE_BUCKET=your_firebase_storage_bucket
    VITE_MESSAGING_SENDER_ID=your_firebase_messaging_sender_id
    VITE_APP_ID=your_firebase_app_id
    

Running the Application

To start the development server:

npm run dev

Environment Variables

Create a .env file in the root directory and include the following:

REACT_APP_FIREBASE_API_KEY=your_api_key
REACT_APP_FIREBASE_AUTH_DOMAIN=your_auth_domain
REACT_APP_FIREBASE_PROJECT_ID=your_project_id
REACT_APP_FIREBASE_STORAGE_BUCKET=your_storage_bucket
REACT_APP_FIREBASE_MESSAGING_SENDER_ID=your_sender_id
REACT_APP_FIREBASE_APP_ID=your_app_id

About

ArtCraft is a modern and user-friendly web application designed to showcase art and craft events with detailed information. Users can explore events, view details, and register for them seamlessly.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

0