Skip to content

Added 2 More Assignment #27

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions .vscode/settings.json
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
{
"cSpell.words": [
"Pinterest",
"recursivezero"
],
"workbench.colorCustomizations": {
Expand Down
28 changes: 28 additions & 0 deletions docs/Recursive Zero - Black.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
42 changes: 42 additions & 0 deletions docs/Required_Documents.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,42 @@
# Internship at RecursiveZero

![Logo](<Recursive Zero - Black.svg>)

We are pleased to offer you an internship opportunity.

Please provide the following required documents details in order to verification and generation of internship offer letter

---

## Required Documents for Internship

### Personal Details

1. **Full Name:**
2. **Contact Number:**
3. **Mobile OS version and Model Name:**
4. **Personal Email Address:**
5. **Emergency Contact Number:**
6. **Blood Group:**
7. **Resident Address:**
8. **Communication Address** (if same as resident address then leave blank):
9. **Disability:** (if any, else put NA)
10. **Gender & Pronouns:**
11. **VID** (generate from Aadhaar card):
12. **DOB** (only date and month):
13. **T-Shirt Size:** S / M / L / XL
14. **Internship Preferences:** 2 months / 6 months
15. **System Details:** (Laptop Model / OS)

### Academic Details (For Students)

1. **College Name, Address, and Contact Number:**
2. **Enrollment Number and Branch Name:**
3. **Current Semester / Year:**
4. **College Email Address:**

---

© 2025 [Recursivezero Private Limited][company]. All rights reserved.

[company]: https://recursivezero.com
53 changes: 0 additions & 53 deletions docs/markdown/FamilyTree.md

This file was deleted.

71 changes: 71 additions & 0 deletions docs/markdown/QuotePaper.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,71 @@
# Internship Assignment: Creative Quote Typography Generator

## Objective

Assess the candidate’s ability to work with **HTML, CSS, JavaScript, SVG**, and **Canvas API** by developing an interactive typography generator that transforms user-inputted text into beautifully styled designs.

---

## Assignment Overview

Create a web page where users can **write a short quote** (up to **20 words**) and generate different typography-styled images with various **backgrounds, text colors, and font styles**. Users can then save the generated designs as images and **add them to a feed**.

## Requirements

### **User Input**

- A **single input field** where users can type their **quote** (max 20 words).
- Once the text is **submitted**, the input box should smoothly move to the **top of the page**.

### **Typography Design Generation**

- Display **multiple typography variations** using **different fonts, colors, and layouts**.
- Reference **Pinterest-style designs** for inspiration.
- Use **SVG and HTML Canvas** to render the quote beautifully.

### **Save & Feed Feature**

- Users should be able to **save** their typography-generated quote as an image.
- The **saved designs** should appear in a **feed-style section** below.
- Allow users to **delete** or **edit** saved quotes.

### **UI Enhancements & Effects**

- Apply **smooth scrolling animation** when input is submitted.
- Generate **randomized color schemes** and **typography styles** for each quote.
- Ensure a **visually appealing layout** with proper spacing and alignment.

## Technology Stack

- **HTML**: Structure the page with semantic elements.
- **CSS**: Use animations, transitions, and flexible layouts.
- **JavaScript**: Handle input, text rendering, and image generation.
- **SVG & Canvas API**: Convert the text into styled images.

## Submission Instructions

- Complete the assignment within **one week**.
- Upload the project to your own **GitHub repository**.
- Share the **GitHub repository link** along with a **README.md** containing:
- Brief description of the project.
- Steps to run the project.
- Any additional features implemented.

## Bonus Points (Optional Enhancements)

- Allow users to **choose typography themes** manually.
- Implement **drag-and-drop customization** for text placement.
- Provide **multiple font and color presets**.

---

## Evaluation Criteria

- **Code Quality**: Clean, structured, and well-documented.
- **Functionality**: Proper input handling, typography generation, and saving feature.
- **Design & UX**: Aesthetic typography and smooth interactions.
- **GitHub Usage**: Proper repo structure, README, and commits.

Good luck! 🚀

&copy; 2025 [RecursiveZero](https://recursivezero.com) private limited | All rights reserved.
Loading