sergio7174 / photoGallery

Fullstack open source application, dynamic PHOTO GALLERY website(MEAN STACK)

📸+🤨 PHOTO GALLERY MEAN APLICATION

Fullstack open source application, dynamic PHOTO GALLERY website(MEAN STACK)

Made with Angular(14) MongoDB, Express, Nodejs

• Configuration and Setup
• Key Features
• Technologies used
  • Frontend
  • Backend
  • Database
• 📸 Screenshots
• Author
• 
  

Configuration and Setup

⚙️

In order to run this project locally, simply fork and clone the repository or download as zip and unzip on your machine.

• Open the project in your prefered code editor.
• Go to terminal -> New terminal (If you are using VS code)
• Split your terminal into two (run the client on one terminal and the server on the other terminal)

In the first terminal

$ cd client
$ npm install (to install client-side dependencies)
$ npm run start (to start the client), or npm start

In the second terminal

- cd server and Set environment variables in .env
- Create your mongoDB connection url, which you'll use as your MONGO_URL
- Supply the following credentials

# --- Terminal ---

$ npm install (to install server-side dependencies)
$ npm start (to start the server), or nodemon index

🔌 Technologies used ✔️:

Screenshots:

📸

Key Features:

• Add/Edit/Delete Photos.
• User Authenication.
• Create Photo Albums.
• Add photos to each Album.

Technologies used

📋 This project was created using the following technologies.

Frontend

• Angular 14 - JavaScript library that is used for building user interfaces specifically for single-page applications.
• Bootstrap - Framework for building responsive, mobile-first sites, with jsDelivr and a template starter page.
• rxjs - Reactive Extensions Library for JavaScript.

Backend

• Node js -A runtime environment to help build fast server applications using JS
• Express js -The server for handling and routing HTTP requests
• Mongoose - For modeling and mapping MongoDB data to JavaScript
• jsonwebtoken - For authentication
• cookie-parser - Middleware module used in Node.js web applications to manage cookies
• cors - Provides a Connect/Express middleware
• Dotenv - Zero Dependency module that loads environment variables
• express-validator - Used in Node.js applications with the Express framework to validate data submitted by users (user input)
• nodemon - Development utility for Node.js applications. Node.js is a runtime platform that allows you to run JavaScript on the server side.t

Database

• MongoDB - It provides a free cloud service to store MongoDB collections.💾

Author

 👨🏻‍🏫 

• Portfolio:
• Github:
• Sponsor:
• Linkedin:https://www.linkedin.com/in/sergio-moncada-72589883/
• Email: 📬[e-mail]