Skip to content
Sign upLog in
← Back to Community

Fortify -- Code Jam 9 !!!

Profile icon
raghavm

Fortify

An App Created for the COVID-19 Code Jam!

I teamed up with

@LehuyH
to create an app to help slow the spread of the Coronavirus

What is Fortify?

Fortify is a self-care app on the web that promotes effective handwashing and actvities that practices social distancing. Let's face it, a lot of us don't wash our hands enough or even correctly. It is important more than ever that we ALL make an effort to slow the spread of the virus, and one of the most easiest ways to do this it to make sure our hands are clean. With Fortify you can keep track of how and when you wash your hands anytime! Additionally, Fortify can help you practice social distancing by keeping track of your daily activities.

Can you reach a 100% Safety Score everyday? Make a profile to find out!

Features

Our original concept was to create something to track washing our hands, but since then we expanded on the concept to include other tools. This includes:

  • List item
  • Social distancing activities
  • Scheduler
  • COVID-19 FAQs and facts
  • COVID-19 News

How Do I Use Fortify?

Fortify works on any browser but best in phones as they are the most portable device(s). The app will guide you through the basic functionalities. Just be sure to actively log progress every time!

Tech Used:

Frontend:

  • HTML, CSS, and ES6 (obviously)
  • Web Components
  • We challenged ourselves to write our own data binding mechanisms, and SPA routing, and it paid off!

Backend:

  • NodeJS,
  • ExpressJS, and...
  • MongoDB

Feedback/Suggestions Much Appreciated!!

Enjoy, and upvote!!

Voters
Profile icon
Coding1000
Profile icon
LOLLIPOP06
Profile icon
4battle
Profile icon
Viper2211
Profile icon
mkhoi
Profile icon
EthanHorowitz
Profile icon
AlephZero
Profile icon
TheDrone7
Profile icon
iGalaxy
Profile icon
JunhaoZhang1
Comments
hotnewtop
Profile icon
noodles37

this. is. absolutely. amazing.

Profile icon
raghavm

@SilentShadowBla
Appreciate it!

Profile icon
LehuyH

Happy to be working with you :)

Profile icon
raghavm

@LehuyH
Same goes for you :D

Profile icon
NimeshMisra

Really cool and relevant app ! Nice job.. Love it.

Profile icon
AphixDev

Smooth as silk

Profile icon
raghavm

@nt998302
I don't know how smooth silk is, but I hope its pretty smooth! :) Thanks so much!

Profile icon
TheDrone7

Just one word: epic.

Profile icon
raghavm

@TheDrone7
Thanks, means a lot!

Profile icon
gliu20

@raghavm
Awesome project! Do you do a lot of Front end development? What resources did you use to learn (freeCodeCamp)? Experience with React, Svelte, or Vue?

Profile icon
raghavm

@gliu20
I self-learned with the help of YouTube, Medium, and random sources across the web. I am experienced w/React and Vue, as well as Web Components.

Profile icon
gliu20

@raghavm
Nice! Pretty neat (I myself read a lot of Medium but also CSS-tricks as well)! Wow and you're still a high schooler?

Profile icon
raghavm

@gliu20
Yep, I'm a freshman. And thanks! CSS-tricks is awesome too. I recommend https://alligator.io

Profile icon
gliu20

@raghavm
Oh actually haven't heard of that before, but I do know Dev.to. Do you want to connect?

Profile icon
raghavm

@gliu20
Oh sure! What's your username (or handle or whatever lol). Mine is raghavmisra (pretty sure)

Profile icon
gliu20

@raghavm
mine is gliu20 on github, freeCodeCamp, dev.to. My discord is at gliu20#4709

Profile icon
raghavm

@gliu20
Cool

Profile icon
gliu20

Looks cool

Profile icon
raghavm

@gliu20
Glad you like it.

Profile icon
Snoop_Frog

This app cured my obesity, depression, and AIDS.

Profile icon
LehuyH

@Snoop_Frog Ok tester

Profile icon
raghavm

@Snoop_Frog omg same

Profile icon
slip1244

hot

Profile icon
raghavm

@nithilan4
Same to you sir

Profile icon
nikilS

@nithilan4
Totally.

Profile icon
dabs364

@raghavm
I don't get how you're only (95)

Profile icon
raghavm

@dabs364
LOL, it's cause I don't really post here. All my cycles are from upvotes of code jam entries.

Profile icon
NikilSriram234

Really Really cool!

Profile icon
NikilSriram234

Hi I have a question did you use MongoDB on the cloud or did you install it locally

Profile icon
raghavm

@NikilSriram234
Thanks! Oh, Mongo was indeed on the cloud

Profile icon
[deleted]

how to do i make more apps for it
like a new page

Profile icon
raghavm

@gamingwithrj
That's a cool idea! However, Fortify doesn't have that feature (yet?).

Profile icon
[deleted]

@raghavm
no but in the code how did you make a page display, i like on how it is setup but i want to add stuff and things like that but how do i make my own page so up.

Profile icon
raghavm

@gamingwithrj
You create a new page using the format found in any of the other pages located in js/pages/*.js. Then add a reference to it in js/parts/pages.js.

Profile icon
[deleted]

@raghavm
thanks

Profile icon
vishal1999tk

Woah! This is neatly designed. gj

Profile icon
raghavm

@vishal1999tk
Thanks!! We made all the design ourselves, no CSS frameworks.

Profile icon
vishal1999tk

@raghavm
that's some great CSS skills you got :O

Profile icon
raghavm

@vishal1999tk
Thanks :D

Profile icon
AlephZero

Awesome!

Profile icon
raghavm

@AlephZero
:D Glad

Profile icon
generationXcode

nice site

Profile icon
raghavm

@generationXcode
Thanks! It would mean a lot if you could upvote.

Profile icon
generationXcode

@raghavm
sure
!

Profile icon
raghavm

@generationXcode
Thx for the support!

Profile icon
AgastyaSandhuja

woah. This is really cool.

Profile icon
raghavm