Git Product home page Git Product logo

wdd430-group09's Introduction

Group 09 - Handcrafted Haven Project

Board Status

Team Members

  • Bermon Painter
  • Eli Cutchen
  • Moises Sanchez Molina

Overview

Handcrafted Haven is a web application designed to serve as a virtual marketplace for artisans and crafters. It provides a platform for showcasing and selling unique handcrafted items, fostering a community of creators and customers who value handmade products. The application emphasizes sustainability, community engagement, and supports local artisans.

Project Goals

  • Develop Software Development Skills: Implement a full technology stack in a collaborative, cloud-based environment.
  • Foster Effective Teamwork: Enhance professionalism and teamwork skills, which are highly valued in the software development industry.
  • Encourage Peer Learning: Embrace the BYU-Idaho learning model principle of teaching and learning from one another.

Features

  • Seller Profiles: Artisans can create profiles to showcase their work and story.
  • Product Listings: Artisans can list items for sale with detailed descriptions and images.
  • Reviews and Ratings: Users can leave feedback on products and sellers.
  • Admin Management: Admins can manage sellers, products, and reviews.
  • Secure E-commerce: Integrated payment gateways for secure transactions.

Design

  • Web Development Standards: Focus on performance, validation, accessibility, SEO, and usability.
  • Responsive Design: Ensure compatibility with various devices and screen sizes.
  • Branding: Maintain a consistent visual identity throughout the application.
  • Navigation: Provide clear and intuitive navigation.
  • Accessibility: Adhere to WCAG 2.1, Level AA standards.

Required Technology

  • Front-End: HTML, CSS (Tailwind CSS), JavaScript, React/Next.js
  • Back-End: TypeScript, Node.js, Database (choice of Postgres, Mongo, or SQLite)
  • Project Management: Azure DevOps Boards
  • Code Management: Azure DevOps Repo
  • Deployment: Vercel

Setup and Running the Application

Prerequisites

  • Next.js: The application must be a React-based web application using Next.js.
  • Tailwind CSS: All styling should be done using Tailwind CSS utility classes.
  • MongoDB: Data persistence is handled with a MongoDB database.
  • Vercel: Deployment and hosting of the web application.
  • Authentication: Implement user authentication and authorization.
  • APIs: Develop APIs for client-server communication.

Installation

  1. Clone the project repository:

    git clone https://dev.azure.com/bpainterWDD430/wdd430-bpainter/_git/wdd430-group09-project
    cd wdd430-group09-project
    
  2. Install Dependencies:

    npm install
    
  3. Set up environment variables in a .env.local file for database connections and API endpoints.:

    MONGODB_URI=mongodb+srv://group09:<provided in the group chat>@cluster0.peig0sx.mongodb.net/?retryWrites=true&w=majority
    
  4. Run the development server:

    npm run dev
    
  5. Access the application at http://localhost:3000.

  6. Deployment Set up continuous deployment through Vercel through Azure Dev Ops coming soon...

wdd430-group09's People

Stargazers

Bruno Gomes avatar

Watchers

Bermon Painter avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.