Search for a command to run...
👋 Hey there! I'm Shivam, a self-taught web developer from India. My passion lies in web development, and I thrive on contributing to open-source projects and writing technical blogs. 🚀
Teamwork fuels my creativity, and I take pride in building efficient, user-friendly solutions. Let's code together! 💻🌟
No comments yet. Be the first to comment.
Authentication is a fundamental aspect of modern web and mobile applications. It ensures that users can securely access an app while protecting their data. Firebase, a platform developed by Google, offers a simple and efficient way to add authenticat...
Hello there! My name is Shivam, and today, I will show you how to create this beautiful horizontal scrolling parallax effect with HTML, CSS, and JavaScript. Wouldn't this look stunning on your blog or portfolio site? To achieve this effect, we will ...
Dealing with fonts can get quite overwhelming. For quite some time, I was searching for a way to self-host google fonts because the google fonts API's network request increased the render-blocking time more than I expected. I stumbled upon fontsource...
Our favorite month is here! And we have some amazing activities planned for our community 🤩 Yes, you are right. We are talking about Hacktoberfest! In this blog, we want to cover various ways you can participate in Hacktoberfest through the ReactPla...
The second edition of ReactPlay Hackathon is here!
Nature is full of surprises and keeps many things hidden from us! It's your chance to explore them and better understand our nature.
Hello, Hashnode 👋! I'm Shivam, and today I'm writing to introduce my project FactSea, which I created for the Hack-R-Play hackathon held by ReactPlay and sponsored by Nhost.
FactSea is a website that has a large number of facts about Nature. There are many things we may learn about nature, but we don't know about them all. FactSea enlightens you on natural facts that you may be unaware of. It is not a site where you will learn every single fact about nature; instead, it will show you uncommon, special, or unique facts. It also contains a small quiz which you can play and understand our nature more.
I created FactSea to familiarise people with understanding how great, unique, odd, strange, and fantastic our nature is.
FactSea is simple to use. It does not have any complexity feature or something in it. It just contains a simple Landing Page, when you first time land on it.
So, it has the Explore button from where you can enter the world of facts. When you click on the explore button it will take you to the Sign in/ Sign up Page. To see all the facts and play the quiz game, you must sign in or on the website.
Just sign in with your details and you're good to go. After sign-in to the page, you will land on the Dashboard Page, which looks like this 👇
This page contains two things firstly, The Quiz and The Facts buttons at the top of the screen. On clicking on the Facts button you'll land on the fact page, which contains many facts.👇
You can explore the facts as you scroll down the page. And if you'll click on the Quiz Button then, you'll land on the quiz page where you can play a small quiz(related to nature) and know more about nature.
Here 👆, you can select the difficulty level and the number of questions you want, and after that, on clicking on get started button, the quiz will get started. At the end of the quiz, it will show you your total score.
After that, you can play a quiz again or you can go back to Dashboard as per your choice.
Note You'll get new and random questions every time you play a quiz.
Now as you'll scroll down the Dashboard page then, you'll see a button named Strange Image. On clicking on this button you'll land on this page. 👇
This page contains strange images of nature. On this page, you'll see the most unique, unsolved, strangest images related to nature, and on hovering over the image, you can also read about that particular incident.
Now as you'll scroll down the Dashboard page a bit more, then you'll see some Featured Facts which are some most unique things about nature.
So, that all are the features and routes of the project.
I used React JS and Nhost to build this project.
Nhost is the open-source GraphQL backend (Firebase Alternative) and a development platform. Nhost is doing for the backend, what Netlify and Vercel are doing for the front end. It provides a modern backend with the general building blocks required to build fantastic digital products. It has all the tools that we need to build a perfect Web-App. It
You can learn more about Nhost here
FactSea used some of the popular tools which are:
I have previously built React-based apps and also worked with Firebase before but, it's the first time when I am going to use Nhost. Nhost was very new to me. I was so confused at the start about how to use authentication, Hasura, graphQL, etc. It took more than a week for me to understand Nhost.
The discord community of ReactPlay, the Hosts of the Hack R Play, and the documentation of Nhost helped me a lot. It was the first time me of using GraphQL and also Hasura(I never heard about Hasura before😅). But these 20 days are worth it. I didn't only learn about Nhost. I also learn about GraphQL, Databases, Serverless Functions, Redux, and many more. There are so many fun and learning things in this hackathon.
There are still other features that I intend to add in the future, such as a part where users can search and get the most unusual things that have ever happened with our nature, something more along the categories.
I hope you enjoyed this article and a short tour of our project. I enjoyed building this project and learn a lot in this Hackathon. You can explore the project code here.
You can also connect with me through-
