Reactive Places is an app built for the purpose of practicing the MERN stack. It allows users to create and share places they have visited or want to visit, with images and location data.
Reactive Places is a full-stack web application that uses React, MongoDB, Express, and Node.js to create a dynamic and interactive user interface. The app also uses Google Maps API, Mongoose, JSX, CSS3, and ES7 to enhance the functionality and design of the app. The app follows the MVC pattern and uses custom hooks for authentication and authorization.
| Tech | Docs | Description |
|---|---|---|
 |
React | A JavaScript library for building user interfaces |
 |
MongoDB | A cross-platform document-oriented database system |
 |
Express | A web framework for Node.js |
 |
Node.js | A JavaScript runtime environment |
 |
Google Maps API | A web service that provides location data and map features |
 |
Mongoose | An object data modeling library for MongoDB |
 |
JSX | A syntax extension for JavaScript that allows writing HTML-like elements |
 |
CSS3 | A style sheet language for designing web pages |
 |
ES7 | The seventh edition of the ECMAScript standard |
To start using this example:
- Clone this repo with
git clone - Go inside of the config file (
./backend/config/config_dev.js) and add your own credentials - Edit the HTML script tag inside of the FE folder (
./frontend/public/index.html) and add your own API key - Run
npm installin the root, backend, and frontend folders - Afterward, just run
npm startinside of the root folder
This project is licensed under the MIT License. See the LICENSE file for more details.
Contributions are always welcome! If you would like to contribute to this project, please follow these steps:
- Fork the repository. 🍴
- Create a new branch. 🌵
- Make your changes and test them thoroughly. 👨💻
- Submit a pull request. ✔
This repo was created by Dzenis H.
Contributions are more than welcome. 🫡
If you like what you see, please consider giving a ⭐️