Be Astonished is a full stack MERN app, using Node authorization.
The purpose of Be Astonished is to be a social-media free space to focus on the moments that matter.
As a busy parent or student, it's easy to take to social media when you need those 15 minutes to unwind. But what if you refocused that energy on noticing the miracles around you every day?
What if you were intentional with that time and instead of Reddit, used it to focus on something miraculous (NASA or National Geographic photos of the day) or inspiring (Poetry of the day, music, curated podcasts)?
Or instead scrolling Instagram and giving your data to Facebook, you upload a photo and write a little bit of something around you that is meaningful to you?
Instructions for living a life:
Pay attention.
Be astonished.
Tell about it.
"Sometimes", by Mary Oliver
The user can:
- login and logout.
- click on "write" to add a photo and write their blog post.
- submit their blog post
- grow their feed with memorable moments.
- see other authors posts
- click the icons to see Outdoor Photographer Daily Photo, NASA's Image of the Day, discover new music at Kexp.org's Weekly "Music that Matters", or Poetry Foundation's Daily Poem
See the open issues for a list of proposed features (and known issues).
Features Coming Soon:
- Contact and About Pages are currently empty placeholders.
- Will change Contact page to a list of curated inspirational content, such as brainpickings.org, Emergence Magaine, On Being Podcast, UCLA's Guided Meditations, etc.
- Categories
- Secret group code - keep your posts private to you only, or within your group.
Bugs Working On:
- Working profile pictures
- Some submit buttons do not affirm, even though the submit is successful.
- MongoDB
- Express
- Node.js
- React.js
- Heroku - coming soon
To get a local copy up and running follow these simple steps.
- Clone the repo
git clone https://github.com/kguite/be-astonished.git
- Install React
npx create-react-app
- Inside Client Folder:
yarn add react-router-dom
- Inside API folder:
yarn add express mongoose dotenv multer
- Setup free cluster at MongoDB, then add application key in .env file.
www.mongodb.com
- Coming soon!
Have an idea or suggestion? Get in touch!
- 100Devs
- Learn With Leon
- FreeCodeCamp: State Management with React Hooks
- ReactRouter.com
- Logrocket.com: Use Hooks and Context
- KentCDodds.com: How to Use React Context Effectively
- @Killerchip on Medium.com: Handling Async Fetching of Data with React-Redux
- Font Awesome Icons
- Google Fonts
- Unsplash
- Lit Ipsum