Seach

An efficient way to Study even when you are in a Beach !!

Comment

Inspiration

As a remote developer I prefer taking my laptop wherever I go, so why miss out on hackathons and the chances of geeking out when we are going around and travelling and having fun on the beach ?

So the idea I came up with what's called Seach it's basically a very minimal web app intended to let us not lose on any hackathons and geeking out opportunities even when we are relaxing and sunbathing on a beach.

What it does

Seach provides us with a very minimal design keeping it clean and simple. Seach allows us to maintain a personalised To Do List where we can simply strike out anything that we have completed and write down anything that we want to do next.

Nextwe have our separate tab for hackathons which are real life hackathons powered by MLH, also they are updated on a daily basis by using the same API that most of the web's uses to get MLH Hackathons.

We also do have something called Explore which gives us acess to some premium courses from Udemy and YouTube and we can study them slowly at our own pace !!

How we built it

The project is made with create-next-app, a NEXT JS web application using the good old Bootstrap 5.0 which allows us to carry on out with a very minimal design and also used very high quality animated SVGs from Storyset throughout the application thus attaining a premium look.

We also used MongoDB , as a database to store the User's who logs in and whenever they want they can update their ToDo list without hesitation and everything is stored safely !! We use Auth0 for authentication of our site.

Challenges we ran into

Since we were using Auth0 application along with MongoDB it was kind of tricky to store the users email into the MongoDB. So what we did is whenever the user logged in we'd run use effect with instantly took their login email and store it in their local storage and updated it in the DB.

Another issue we faced in production was whenever user actually entered a note in their TODO list it would get saved and if you reload the page instantly the CSS would break. So what we did is we refreshed only the server side allowing the data in the you states to be updated but the design would not break.

What we learned

The hackathon itself allowed us to polish time management skill as well as be a good presenter whenever we are presenting a web-app. I also learnt about how arrays worked in MongoDB and that it was actually different from an array of objects.

What's next for Seach

We do have a couple of future goals for seach, one of them is to build a Mobile application, so that you would instantly get alerted about what's next on your ToDo list also a time functionality telling you about the time you have got to complete yout tasks.

Also a chat section so that even you can organize and attend in person meetups and host different types of cool stuffs !!

We actually do have a long way to go, also SEACH IS OPENSOURCE after the hackathon so we look forward to different types of contributuions along the way.

Built With

Share this project:

Updates