Read these Instructions carefully

Abstract Rules
This design document is created using bootstrap 5 components, how you can use Internet, books and other resources
ever you are free to use other css library/framework or plain css if you such as your boilerplate code, however you are
want, you are not restricted to make as it is design you are free to use not supposed to talk or ask help from other
different color and modify components as soon as functionalities are participants of hackathon. SMIT management hold
intact and requirements are fulfilled. authority to qualify you from hackathon if you
violate.
Signup page you will start your hackathon by creating a private
repository on Github and you must keep it private
Signup page must have to have email and password signup option
 until submission time end
you can use firebase authentication however you are free to use other submission will be your github repository url and a
authentication options if you wan public hosting url that can be visited over internet,
First and last name is required, first name should be atleast 3 if you do not push your code on github repository
characters and last name should be atleast 1 character, firstname and or if you failed to host your website on internet
last name field should not exceed 20 characters, enforced through your submission will not be acceptable.

html5 validatio
Email field is required and must includes @ enforced through html5
validatio
Password field is required and must have to have atleast 8 characters
and must include capital and small later characters, enforced through
html5 validatio
Signup Form should not submit if user enter different password in
repeat password field

Login page
Login should have HTML5 validation for emai
after a successful login it should automatically redirected to
dashboard pag
if a user try to open login page when it is already logged in it should
automatically redirect to dashboard and should not stay on login page.

Dashboard Page
on dashboard page there should be an option to post a new blog, a
blog must have a blog title and body text input
blog title must be between 5 to 50 characters, and body text must be
between 100 to 3000 character. enforced through html5 validation.
validation through firebase rules would be a plus but it is not required
dashboard page must display all previously posted blogs of logged in
user sorted by date (latest on top). each post should display with
publish date
user should be able to update the title and body of articl
when user click on delete button it must confirm delete to avoid
accidental deletion of blog pos
dashboard must show logged in user full name and a logout button.

Profile Page
Logged in user should be able to access profile page by clicking on his
on his name top right corner of the scree
on login page user should be able to update profile photo, first name,
last name and password

What a user can do without Login

If user is not logged in and open website home page user should see
all blogs from all users sorted with date (latest first). each blog
displayed must contain blog title, author name, date published, blog
text and a button to see all blogs from that autho
on any blog, user must be able to click on “see all blogs from this
author” and presented with all blogs only from that user with profile
picture, name and email as shown in design, and an option to go back
continuously show login button on top of the screen when not logged
in
this page will greet user depending on user local time, greeting would
be either good morning, good noon, good evening or good night.
Personal Blogging App Login

Signup

First Name

Last Name

Email

Password

Repeat Password

Signup
Personal Blogging App Signup

Login

Email

Password

Login
Personal Blogging App Inzamam Malik Logout

Dashboard

Placeholder

What is in your mind

Publish blog

My Blogs

An Action Button Could Be

Coming to the iPhone 15
Inzamam Malik - August 16th, 2023
Apple could be putting an Action button on your next iPhone. According to a July report from MacRumors,
code in the fourth iOS 17 developer beta hints at functionality for an Action button on the next-gen iPhone 15
Pro and Pro Max models.

Apple introduced the Action button on the Apple Watch Ultra. It's a physical button on the side of the Apple
Watch Ultra that allows you to run a preselected function or program when you press it without unlocking your
device or navigating to an app. Some of the preselected functions include starting a stopwatch, beginning a
workout and turning on your flashlight.

Delete Edit

What Is the Event Loop and

How Does It Improve App
Performance?
Inzamam Malik - August 15th, 2023
JavaScript is a single-threaded language, built to handle tasks one at a time. However, the event loop lets
JavaScript handle events and callbacks asynchronously by emulating simultaneous programming systems.
This assures the performance of your JavaScript applications.

JavaScript is a single-threaded language, built to handle tasks one at a time. However, the event loop lets
JavaScript handle events and callbacks asynchronously by emulating simultaneous programming systems.
This assures the performance of your JavaScript applications.

JavaScript is a single-threaded language, built to handle tasks one at a time. However, the event loop lets
JavaScript handle events and callbacks asynchronously by emulating simultaneous programming systems.
This assures the performance of your JavaScript applications.

JavaScript is a single-threaded language, built to handle tasks one at a time. However, the event loop lets
JavaScript handle events and callbacks asynchronously by emulating simultaneous programming systems.
This assures the performance of your JavaScript applications.

Delete Edit
Personal Blogging App Inzamam Malik Logout

Profile

Inzamam Malik
Password
Old password

New Password

Repeat password

Update password
Personal Blogging App Login

Good Morning Readers!

All Blogs

Introducing Whisper
Elon Musk - August 17th, 2023

Whisper is an automatic speech recognition (ASR) system trained on 680,000 hours of multilingual and
multitask supervised data collected from the web. We show that the use of such a large and diverse dataset
leads to improved robustness to accents, background noise and technical language. Moreover, it enables
transcription in multiple languages, as well as translation from those languages into English. We are open-
sourcing models and inference code to serve as a foundation for building useful applications and for further
research on robust speech processing.

see all from this user

An Action Button Could Be

Coming to the iPhone 15
Inzamam Malik - August 16th, 2023

Apple could be putting an Action button on your next iPhone. According to a July report from MacRumors,
code in the fourth iOS 17 developer beta hints at functionality for an Action button on the next-gen iPhone 15
Pro and Pro Max models.

Apple introduced the Action button on the Apple Watch Ultra. It's a physical button on the side of the Apple
Watch Ultra that allows you to run a preselected function or program when you press it without unlocking your
device or navigating to an app. Some of the preselected functions include starting a stopwatch, beginning a
workout and turning on your flashlight.

see all from this user

What Is the Event Loop and

How Does It Improve App
Performance?
Inzamam Malik - August 15th, 2023

JavaScript is a single-threaded language, built to handle tasks one at a time. However, the event loop lets
JavaScript handle events and callbacks asynchronously by emulating simultaneous programming systems.
This assures the performance of your JavaScript applications.

JavaScript is a single-threaded language, built to handle tasks one at a time. However, the event loop lets
JavaScript handle events and callbacks asynchronously by emulating simultaneous programming systems.
This assures the performance of your JavaScript applications.

JavaScript is a single-threaded language, built to handle tasks one at a time. However, the event loop lets
JavaScript handle events and callbacks asynchronously by emulating simultaneous programming systems.
This assures the performance of your JavaScript applications.

JavaScript is a single-threaded language, built to handle tasks one at a time. However, the event loop lets
JavaScript handle events and callbacks asynchronously by emulating simultaneous programming systems.
This assures the performance of your JavaScript applications.

see all from this user

Personal Blogging App Login

< Back to all blogs

All from Elon Musk

[email protected]

Introducing Whisper Elon Musk

Elon Musk - August 17th, 2023

Whisper is an automatic speech recognition (ASR) system trained on 680,000 hours of multilingual and
multitask supervised data collected from the web. We show that the use of such a large and diverse dataset
leads to improved robustness to accents, background noise and technical language. Moreover, it enables
transcription in multiple languages, as well as translation from those languages into English. We are open-
sourcing models and inference code to serve as a foundation for building useful applications and for further
research on robust speech processing.

Introducing ChatGPT
Elon Musk - November 23rd, 2022

We’ve trained a model called ChatGPT which interacts in a conversational way. The dialogue format makes it
possible for ChatGPT to answer followup questions, admit its mistakes, challenge incorrect premises, and
reject inappropriate requests.

We’ve trained a model called ChatGPT which interacts in a conversational way. The dialogue format makes it
possible for ChatGPT to answer followup questions, admit its mistakes, challenge incorrect premises, and
reject inappropriate requests.



Methods:

We trained this model using Reinforcement Learning from Human Feedback (RLHF), using the same methods
as InstructGPT, but with slight differences in the data collection setup. We trained an initial model using
supervised fine-tuning: human AI trainers provided conversations in which they played both sides—the user
and an AI assistant. We gave the trainers access to model-written suggestions to help them compose their
responses. We mixed this new dialogue dataset with the InstructGPT dataset, which we transformed into a
dialogue format.

To create a reward model for reinforcement learning, we needed to collect comparison data, which consisted
of two or more model responses ranked by quality. To collect this data, we took conversations that AI trainers
had with the chatbot. We randomly selected a model-written message, sampled several alternative
completions, and had AI trainers rank them. Using these reward models, we can fine-tune the model using
Proximal Policy Optimization. We performed several iterations of this process.

Personal Blogging App Login

Signup

Button