Skip to content

Fullstack open source application, dynamic website with features like opportunities portal, blog portal, admin dashboard, authentication and more. Made with MongoDB, Express, Nodejs

Notifications You must be signed in to change notification settings

sergio7174/serfoundation

Repository files navigation

🖥️ Ser Foundation

Fullstack open source application, dynamic website with features like opportunities portal,

blog portal, admin dashboard, authentication and more. Made with MongoDB, Express, Nodejs



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)
$ cd client
$ npm install (to install client-side dependencies)
$ npm run  start (to start the client)  or nodemon app
DONT FORGET TO CREATE THE IMAGE FOLDER - ./public/images

Status project

🔌 Technologies used ✔️:

JavaScript React Static Badge Static Badge Static Badge Static Badge Static Badge Static Badge Static Badge Static Badge

Screenshots:

📸
project screenshot01 project screenshot02 project screenshot03 project screenshot04 project screenshot05 project screenshot06


Key Features:

Authentication: 👓

User sign up and login with email and password
Admin login using admin credentials
Password Reset

User Mode

The website consists of a portal for keeping people updated about the latest opportunities in different fields. These posts could be looked up category wise by clicking on the category and also allows the user to navigate from one category to another. After logging in the user can also submit an opportunity using a form, which would be reviewed by the admin (using admin dashboard in the admin mode) before posting.
It consists of another section for holding discussions and bringing into light importance issues. The users could submit posts which after being reviewed by admin appear in the explore section of the website. The posts support like and comment features on logging in.

Admin Mode

Consists of an admin dashboard which allows the admin to approve or delete the submitted posts/opportunity.
Provides admin access to edit/delete feature on all posts and comments.

Authorization:

User can submit a post/opportunity and comment after logging in.
Admin can manage,approve , edit and delete all posts and opportunities

Displaying flash messages for responding to user's interaction with the application. MongoDB

Technologies used

📋 This project was created using the following technologies.

Frontend

  • EJS - JavaScript library that is used for building user interfaces and backend servers specifically for single-page applications
  • React Toastify - To display interactive and responsive notifications (toasts) in web applications

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
  • [Multer] - Handle Images

Database

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

Author

 👨🏻‍🏫 

About

Fullstack open source application, dynamic website with features like opportunities portal, blog portal, admin dashboard, authentication and more. Made with MongoDB, Express, Nodejs

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published