Web Development Tasks

Task 1: MDX Blog Website

Create a blog website using MDX, allowing users to write and publish blog posts in Markdown format.
Consider including features like:
- Syntax highlighting for code blocks
- Frontmatter tags for metadata
- Custom components for reusability
While not all features are mandatory, implementing more can improve your evaluation.

Tech Stack:

Next.js
MDX
Component Library (e.g., Shacn UI, Mantine)

Resources:

Task 2: Frontend + API Project

Note: If you have any features, please do implement them. Converting your chosen project into a full stack application will earn you more points and increase your chances of getting hired.

Project 1: Image Searching Website

Build a website for searching images using the Unsplash Image API.
Include an image preview page displaying statistics (downloads, likes, etc.).
Utilize a component library (e.g., Shacn UI, Bootstrap UI, Material UI, Mantine UI).
Choose any tech stack for development.

Resources:

Project 2: Meme Generator Website

Build a website using the Memegen API that allows users to:
- Select a meme template
- Enter desired text
- Generate and view the resulting meme
Utilize a component library (e.g., Shacn UI, Bootstrap UI, Material UI, Mantine UI).
(optional) Users can store these memes, and can showcase them to others.
Choose any tech stack for development.

Resources:

Project 3: Trivial Quiz Website

Build a quiz interface where users answer multiple-choice questions.
Implement a "retry" option to display a new question after an answer is selected.
Utilize a component library (e.g., Shacn UI, Bootstrap UI, Material UI, Mantine UI).
(Optional) Storing Users score, and making a shareable link
(Optional) Include a score display.
Choose any tech stack for development.

Resources:

Submission:

Provide both a hosted version of your website and the corresponding GitHub repository link.
Include detailed information in your README.md file.
Once you have make sure the above then click here to submit your responses