DEV Community

Cover image for ✨Atlas Hackathon22: Space Talks - MERN✨
Yash Kapure
Yash Kapure

Posted on • Updated on

✨Atlas Hackathon22: Space Talks - MERN✨

Built Space Talks ✨

This is my 1st hackathon 💯🤞.

Share Your Thoughts, Knowledge and whatever You like or know About Galaxies, Stars, Space, Planets, etc... 🌍✨🌚

Category Submission: MERN Stack

App Link

Live Space Talks

Screenshots

Image 1

Image 2

Image 3

Image 4

Image 6

Image 7

Description

My MERN Project 😄

This Beautiful web App Space Talks I created with React js.
I want you all to share Your knowledge and the facts you know about space.
Feel free to share your knowledge regarding Space, Our Planet Earth, Stars, Moons, Planets.

Steps To follow:

  1. Let The page loading complete
  2. Check What other peoples have posted
  3. If found interesting click on sign-in button and sign-in with google account.
  4. Post something that people don't know regarding space, galaxies, universe, stars, etc.
  5. You can Add Image as well as small gifs

Link to Source Code

Feel free to fork my repo:
Source Code - ClientSide

Source Code - ServerSide

Permissive License

MIT

Image 5

Deployment

  1. Netlify for front-end hosting
  2. Heroku for back-end hosting

Background

I am always curious to know what all things happen in space some facts about space, some newborn stars, planets, black hole, etc ... So I thought lets create one kind of forum where anyone who loves about space would share his/her knowledge with the world.
And finally, I created this Space Talks.

How I built it

Yes while working with MongoDB Atlas I got to know about how to integrate MongoDB with my react application from making simple react app to creating fully functional MERN Application.

Additional Resources/Info

  1. Reactjs Docs
  2. MongoDB
  3. MUI

Top comments (16)

Collapse
 
katafrakt profile image
Paweł Świątkowski

This looks really nice. However, it's a bit surprising that a request to fetch posts returns almost 19MB of data.

Collapse
 
yashkapure06 profile image
Yash Kapure

Can You check it now ? The Issue is solved. actually heroku stopped its free service on Nov'22 And due to which fetching posts was taking time. Actually fetchings was stopped due to the service provided by heroku...
Now i have shifted to Koyeb

Collapse
 
katafrakt profile image
Paweł Świątkowski

It's still more than 16MB for fetching posts.
Image description

Thread Thread
 
yashkapure06 profile image
Yash Kapure

What all things I will have to do to solve this issue? Please mention

Thread Thread
 
katafrakt profile image
Paweł Świątkowski

I think the main reason is that you embed images in base64 in the JSON response instead of returning links to them (selectedFile field).

Thread Thread
 
yashkapure06 profile image
Yash Kapure

Yes

Collapse
 
yashkapure06 profile image
Yash Kapure

Thank you. :)
How did you found it? Can you please let me know what changes to be performed?

Collapse
 
rajashri1626 profile image
rajashri1626

The one who loves to talk about space must share his/her knowledge over here!
Strongly in your support!
Well structured folders both client and server side. Design Can be improved!
And as one of our dev friend said server side is very well structured!

Collapse
 
yashkapure06 profile image
Yash Kapure

Thanks!

Collapse
 
codingsanyukta profile image
Sanyukta

Very Detailed Information of whatever you have made.
Anyone who are new to this post will understand each and everything.
The data is also well managed with the help of mongoDB which is really awesome!
Overall your project is awesome ! Need to improve some latency!!

Collapse
 
yashkapure06 profile image
Yash Kapure

@codingsanyukta Thank You. I will try to improve the same

Collapse
 
kashti2002 profile image
Kashti Sharma

The Code is Well designed!
I loved server side code is very neat and clean to understand!
And yes You have explained it a very well manner!

Collapse
 
yashkapure06 profile image
Yash Kapure

Thank You Again!

Collapse
 
rajashri1626 profile image
rajashri1626

Hey Kashti!!
I found the same!!

Collapse
 
kashti2002 profile image
Kashti Sharma

Very Proper and Detailed Explanation. The name Space Talks is quite impressive.<3

Collapse
 
yashkapure06 profile image
Yash Kapure

Oh Thank you! :)