hi everyone I'm Catherine again and
we're back here with some two new
students and would you guys like to
introduce yourselves
I'm Eden I'm a first year in Morris
College hi I'm Kevin I'm a first year in
Berkeley College yeah so do you guys
want to walk us through your website and
definitely um so it's actually we
created a web application that's focused
and more geared towards first-time
voters and people who are new with civic
engagement and we really wanted to help
them find a way to express their voices
as effectively as possible so the main
function of our website is centered
around a text search box where people
can insert the abbreviation of whatever
state they're interested in and then
it'll take them to a page that kind of
synthesize is everything that they need
to know to register to vote in that
particular state and then we do have
some validation pop-up boxes with our
box so you can't type more than two
letters or you if you try entering an
invalid code it'll come up with an error
message that says you need to put a
proper abbreviation
so for example I'm from Colorado so if I
wanted to find out how to vote in that
state I would just submit and then it'll
take us to a separate page where we have
important registration deadlines had a
pre register any same-day registration
notices automatic registration and any
documentation required and this is true
for any state and we wanted to be able
to give people as comprehensive as
information as possible to start them on
the process so in the case that you made
a mistake and you want to check the
voter registration information for
another state basically click the link
on the bottom or you can click our logo
and I'll return you back to the index
page and let's say I'm from California
so I can input CA for my state submit
and I'll spit back information regarding
motivation I'm in California in addition
to our state our voter registration
lookup we also have a navigation bar in
the top with actual links to help you
without a reservation so we have links
that include ad about just rushing to
vote requesting an absentee ballot for
college students who can't necessarily
go back to their own state because I'm
not gonna go back to California just for
one day just a vote
they're also a link to check your
registration and we also included
additional resources such as finding
your polling place 10 sets for voters
and frequently asked questions for
voters so essentially our the design of
our web application was really really
simple but we had a more ambitious like
idea in order to simplify seing this I
mean did want to implement like an API
in order to get all the information and
we also what if they implement an SVG to
create like an interactive map so that
voter users can just click on their
respective state and the voter
registration information would pop up
however we did run into a lot of
complications so this is kind of born
last minute over the weekend out of Eden
and eyes like hard work and we actually
implemented a lot of stuff that we
learned in cs50 because it was thought
that we were actually really was
familiar with so instead of using an API
we actually used sequel database so
basically hard code all like the data we
found on voter registration information
so if you see here like we have pre
registration information same-day
automatic and documentation all the
information that you saw on that one
state HTML page all is all right here
and instead of implementing like an SVG
we just decided to go with what we were
familiar with HTML CSS JavaScript to
create the whole table and this text box
to search out one like really
interesting air that we interact came up
with was when dealing with the CSS for
the interactive map so we found them the
code for the interactive map online and
we were gonna be able to cite at work it
and I put it into our website
however we ran into the problem that the
cs50 IDE wasn't necessarily recognizing
some of the terms used in the CSS so we
realized that the cs50 IDE is actually
operating with a program called CSS lint
which basically keeps certain terms from
being used to avoid the cs50 IDE from
being damaged but this does involves
results and problems when you're
importing code so we did try to download
our code onto our desktop and then
upload it into Heroku so we could
possibly implement it in an external
environment and that didn't necessarily
work out so yeah we just kind of like
return back to our basics and a way that
we knew how to implement it yeah so
looks like there were definitely a lot
of challenges in making this project but
you still finished it and you have a
nice final project and overall what
would you say was one of your favorite
experiences from cs50 I would say the
general like culture of the class was
unlike any other class that I've ever
taken anything that I've experienced and
I think the way that it was taught
really was conducive to absorbing the
vast amount of subject matter that we
were expected to learn and grasp and I
think since it was a large collaborative
class and I did spend a lot of time with
fellow classmates in office hours just
like working through the problems
together
I would say that's probably my favorite
experiences with it equally the same
thing I think like there's something
about just being together and like
struggling on a pset that kind of just
makes you bottom everyone like I think
like without cs50 I would have gotten
closer to eat it because we did spend a
lot of nights together where it's just
like us working on PCs and struggling to
get an answer so yeah it's definitely
the culture thank you guys so much
congratulations on your project it was
really nice to you guys at office hours
and hard working and I'm glad you're
done with the semester and I hope you
take maybe more CS in the future yeah
I'm Katherine and this was cs50