socialhackersacademy/class8project

The Final Project for the 8th class of the Full stack program.

class8project's Issues

Setting up the routes on the frontend

• Set up react router with react
• Make routes with dummy components or just an h1
  ` <Route to='' render{() =>

  I am a dummy component

  }
  Set up the following routes

1. Home page /
2. Login /login
3. Register /register
4. Listboard /listboard
5. Dashboard /dashboard
6. Postfeed /posts
   7/. Dynamic route for ngos /listboard/:nclgoId

Setting Express Router

-Making a Routes Folder
-Import it into express
-Use it as middleware .
-Boilerplate Router file with an empty router

Start working On the Design !!!Copyright Claimed by Shayma

GET : get all the posts belonging to an organisation

• You have to be authenticated :
  • Import passport middle ware.
  • You add it as the second argument to the route.
• You query the database using the id of the author.
• You send back the posts related to the organisation.

POST : Login

• Get the ngo by their email
• if no such ngo throw 404
• if ngo found check the password
• if matched :
  • Sign the token
  • Send back the token
• if not matched we send back a 400 status.

Configuring Passport

• Initialise the passport middeware in the main file
• Configure passport file in a separate file

PUT : Update a post by its id

• Get the post by the id you know the drill
• For this you can use findByIdAndUpdate
• Update the post

Email Must be unique

• Make a query for the database when creating a new user
• If there is such an email send back a response 400 and a message email already exists.

POST : create a new Post

• You have to be authenticated to access this route
• You get the Post model and you create a new object with all the fields in the request body
• Send back that object in the post method
• Very Important also to add in also the owner field from req.user so that we can use that to get all the posts within an organisation.

DELETE : delete a post by Id

• you add the dynamic url paramter post/:id
• you delete a post that has the same id as the one in the url

GET : Get all the NGOs

• Public Route
• Get all the NGOs
• Send status 200 if success and 500 if failed

Update Readme

Add project name to Readme

Add time stamps to the post model

• in the schema of the object add in timestamp not as a field as an option

Body Parser

• install body parser
• Add it to the project
• initialize bodyparser.json() as middleware.
• urlencoded : extended true

Set up Redux

• Set up the store and the reducer and all the reduxy stuff

Post Route : Create an NGO

• Import Organisation Model
• The Url is '/create-ngo/
• Make an object with all the fields in req.body
• new Organisation({the object })
• We add error handling
• You save the profile in the database.
• If success you send back the new ngo and status 201

Authentication Done on Front-end

• Make an action that takes in the token from the back-end through the login flow
• Sets the token in the local storage
• Checks for a token when the app.js component mounts
• Sets the request headers in axios be the token

GET : get all the posts

• Query the whole database for all posts.
• send back all the users with a response of 200

Setting Up Hashing

• Install Bcrypt
• When creating a user go to the password and get change the password field with a hashed version.

User Stories

We got some stories about some users

Create A Boiler Plate Database

• Install Mongoose
• Make an empty Database
• Connect it to the Express Server

GET : Get a single post by its id

• Add in the dynamic url params post/:id
• query the database for a post with that id
• send it back to the user

Test

Test issues

Setting Up Express

• Installing and Importing Express
  npm install express --save
  -Add Boilerplate express code
  -create a port,
  listening to a port

GET : Get a current NGO

• We need authentication before we start
• after we authenticate we have access to the user in the request body
• We send back the user

The Organization Model

• Make a File Organization-Model
• Import Mongoose
• Create a Schema with the following fields :

1. Logo : URL !
2. Name : String !
3. password : hash !
4. address : String !
5. email : String !
6. Phone : String !
7. Year : Date
8. Industry : String
9. Keyword : [String] !
10. Services : [String] !
11. Description : String !
12. Team Member : [{ name : String , avatar : url  , bio : String , title: String}]!
13. Posts : [  The ID of the Posts ]! Schema.Types.ObjectId basically the type is supposed to be an Id

• Make a Model providing the OrganizationSchema
• Export as default OrganizationSchema

Initialize Project

• we npm init

• Add Start Script

VALIDATION : Validate the forms in the organisation field in the back-end

• install validator
• Validate the input forms
• You should validate whether they are empty or not
• Validate whether they are a certain number of characters or not
• And for example the password should have a certain number of characters and also email should be valid.

PUT : Update an ngo

• Private route so we need authentication before we go.
• update the user
• check weather the password is modified and rehash the password
• save the user

Get organization by Id

• Get organization by Id for the frontend functionality

Populate the posts with the logo and the name of the organization with the name of the post

Making an Enviromental file

• Connect to the heroku env file
• Specify a port

Creating The Post Model

• Create a Post-Model File
• Import Mongoose
• Create A Schema : With the Following Fields

1. Subject : String,
2. Image : Url,
3. Contact : String
4. text-post : String !
5. Comments : [ { name : String , Feedback : String }]

• User variable for the mongoose.model('posts',PostSchema)
• Export User as default

Initialize the Front-end project

• Use create-react-app and the name of client in the same folder.

Make Dummy Frame Components

• Make a component for about every page not styled or anything just you know yeah..

DELETE: delete an organisation

• We need authentication.
• Delete the current organisation
• send back 200 with a response of success.

VALIDATION : Validate the fields in the post model

• Validate the fields in the post model
• All of the validation will be put in the create and update
• You also have to check whether they are empty or not so like a function would be enough.

Validation of password on creation

• On the create ngo route validate the password