Skip to content

Aryadas03/Greeting-Card-master

 
 

Repository files navigation

Greeting Card Generator 🎯

Basic Details

Team Name: Bytecode

Team Members

  • Member 1: Rehna N - College of engineering perumon
  • Member 2: Aryadas M M -  College of engineering perumon

Hosted Project Link

https://greeting-card-master.vercel.app/

Project Description

A simple web application that allows users to generate customized greeting cards for birthdays, Valentine's Day, and other occasions. Users can input their name and message into a pre-designed template and download the final greeting card as an image.

The Problem statement

Finding unique, personalized greeting cards can be time-consuming. Many online options require paid subscriptions, and customizations are often limited.

The Solution

We provide an easy-to-use web app where users can input their name and message into a beautiful template, instantly generating a high-quality, downloadable greeting card for free!

Technical Details

Technologies/Components Used

For Software:

  • Languages: JavaScript, HTML, CSS
  • Frameworks: React.js, Tailwind CSS
  • Libraries: html2canvas
  • Tools: Vite, GitHub, Netlify/Vercel (for hosting)

For Hardware:

  • Not applicable (purely a web-based project)

Implementation

For Software:

Installation

Clone the repository

git clone https://github.com/Aryadas03/Greeting-Card-master.git

Navigate to the project folder

cd greeting-card-master

Install dependencies

npm install

Run

Start the development server

npm run dev

Project Documentation

For Software:

Screenshots (Add at least 3)

!image

![Screenshot2](Add screenshot 2 here with proper name) Add caption explaining what this shows

![Screenshot3](Add screenshot 3 here with proper name) Add caption explaining what this shows

Diagrams

![Workflow](Add your workflow/architecture diagram here) Add caption explaining your workflow

For Hardware:

Schematic & Circuit

![Circuit](Add your circuit diagram here) Add caption explaining connections

![Schematic](Add your schematic diagram here) Add caption explaining the schematic

Build Photos

![Team](Add photo of your team here)

![Components](Add photo of your components here) List out all components shown

![Build](Add photos of build process here) Explain the build steps

![Final](Add photo of final product here) Explain the final build

Project Demo

Video

[Add your demo video link here] Explain what the video demonstrates

Additional Demos

[Add any extra demo materials/links]

Team Contributions

  • [Name 1]: [Specific contributions]
  • [Name 2]: [Specific contributions]
  • [Name 3]: [Specific contributions]

Made with ❤️ at TinkerHub

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • JavaScript 87.6%
  • HTML 9.2%
  • CSS 3.2%