https://github.com/gobwah/memories_fullstack_app
A social network where you can share your best photos
https://github.com/gobwah/memories_fullstack_app
express expressjs google-authentication jwt material-ui materialui mongodb node nodejs react reactjs redux
Last synced: 7 months ago
JSON representation
A social network where you can share your best photos
- Host: GitHub
- URL: https://github.com/gobwah/memories_fullstack_app
- Owner: gobwah
- License: mit
- Created: 2022-04-12T22:12:52.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2024-05-02T03:55:54.000Z (over 1 year ago)
- Last Synced: 2025-01-08T23:29:04.315Z (9 months ago)
- Topics: express, expressjs, google-authentication, jwt, material-ui, materialui, mongodb, node, nodejs, react, reactjs, redux
- Language: JavaScript
- Homepage: https://memories-gobwah.vercel.app/
- Size: 10.7 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 15
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
Awesome Lists containing this project
README
[![Contributors][contributors-shield]][contributors-url]
[![Forks][forks-shield]][forks-url]
[![Stargazers][stars-shield]][stars-url]
[![Issues][issues-shield]][issues-url]
[![MIT License][license-shield]][license-url]
[![LinkedIn][linkedin-shield]][linkedin-url]
Memories
A social network where you can share your best photos!
Explore the docs »
View Demo
·
Report Bug
·
Request Feature
Table of Contents
## About The Project
[![Memories Screen Shot][product-screenshot]](https://memories-gobwah.vercel.app/)
The App is called "Memories" and it is a simple social media app that allows users to post interesting events that happened in their lives. It is a full-stack application using React, Node.js, Express & MongoDB.
Project done thanks to [Javascript Mastery](https://github.com/adrianhajdin/project_mern_memories).
### Built With
#### Frontend
| | |
| ------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------- |
| [React](https://reactjs.org/) | 
|
| [React Router](https://reactrouter.com/) | 
|
| [Redux](https://redux.js.org/) | 
|
| [Material UI](https://mui.com/) | 
|
| [React Google Login](https://github.com/anthonyjgrove/react-google-login) | 
|
| [Axios](https://axios-http.com/) | 
|
| [jwt-decode](https://github.com/auth0/jwt-decode) | 
|
| [Moment](https://momentjs.com/) | 
|
| [Dotenv](https://github.com/motdotla/dotenv) | 
|
#### Backend
| | |
| -------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------- |
| [Node](https://nodejs.org/) | 
|
| [Express](https://expressjs.com/) | 
|
| [Nodemon](https://nodemon.io/) | 
|
| [MongoDB](https://mongoosejs.com/) | 
|
| [Mongoose](https://mongoosejs.com/) | 
|
| [Dotenv](https://github.com/motdotla/dotenv) | |
## Getting Started
### Prerequisites
This is an example of how to list things you need to use the software and how to install them.
- npm
```sh
npm install npm@latest -g
```
### Installation
1. Clone the repo
```sh
git clone https://github.com/gobwah/memories_fullstack_app.git
```
2. Open console in `/server`
3. Install Sanity
```sh
npm install
```
4. Taking .env.example file as an example, create a .env file at the root of `/server` to store your backend settings. Please check [MongoDB docs](https://www.mongodb.com/docs/atlas/driver-connection/) if necessary.
```env
PORT = 5000
CONNECTION_URL = mongodb+srv://:@cluster0.lguc4.mongodb.net/?retryWrites=true&w=majority
JWT_SECRET = ANYTHING
```
5. Open console in `/client`
6. Install dependencies
```sh
npm install
```
7. Taking .env.example file as an example, create a .env file at the root of `/client` to store your backend URL and [Google Console API credentials](https://console.cloud.google.com/). Please check [Google docs](https://developers.google.com/workspace/guides/create-credentials) if necessary.
```env
REACT_APP_GOOGLE_CLIENT_ID = 864684-eddede-tgg
REACT_APP_GOOGLE_CLIENT_SECRET = FRFZ88-frfr45fr5
REACT_APP_SERVER_URL = http://localhost:5000 (as default)
```
## Contributing
Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.
If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement".
Don't forget to give the project a star! Thanks again!
1. Fork the Project
2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)
3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)
4. Push to the Branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request
## License
Distributed under the MIT License. See `LICENSE.txt` for more information.
## Contact
Vincent DELLA-LIBERA - [@vincent-dellalibera](https://linkedin.com/in/vincent-dellalibera) - vincent.dellalibera@gmail.com
Project Link: [https://github.com/gobwah/memories_fullstack_app](https://github.com/gobwah/memories_fullstack_app)
## Acknowledgments
- [@adrianhajdin (JS Mastery)](https://github.com/adrianhajdin)
[contributors-shield]: https://img.shields.io/github/contributors/gobwah/memories_fullstack_app.svg?style=for-the-badge
[contributors-url]: https://github.com/gobwah/memories_fullstack_app/graphs/contributors
[forks-shield]: https://img.shields.io/github/forks/gobwah/memories_fullstack_app.svg?style=for-the-badge
[forks-url]: https://github.com/gobwah/memories_fullstack_app/network/members
[stars-shield]: https://img.shields.io/github/stars/gobwah/memories_fullstack_app.svg?style=for-the-badge
[stars-url]: https://github.com/gobwah/memories_fullstack_app/stargazers
[issues-shield]: https://img.shields.io/github/issues/gobwah/memories_fullstack_app.svg?style=for-the-badge
[issues-url]: https://github.com/gobwah/memories_fullstack_app/issues
[license-shield]: https://img.shields.io/github/license/gobwah/memories_fullstack_app.svg?style=for-the-badge
[license-url]: https://github.com/gobwah/memories_fullstack_app/blob/master/LICENSE.txt
[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge&logo=linkedin&colorB=555
[linkedin-url]: https://linkedin.com/in/vincent-dellalibera
[product-screenshot]: client/public/screenshot.jpg