GithubHelp home page GithubHelp logo

girlscript / feminist-bible-phase-2 Goto Github PK

View Code? Open in Web Editor NEW
22.0 22.0 69.0 5.71 MB

Feminist Bible is an inclusive space for all. A place where we understand, acknowledge, and leverage diversity by creating an inclusive ecosystem powered by content, culture, and community.

License: MIT License

JavaScript 80.30% HTML 1.47% SCSS 17.91% Shell 0.32%

feminist-bible-phase-2's People

Contributors

dependabot-preview[bot] avatar dependabot[bot] avatar eanimesha avatar eternal-dreamer avatar gauravdas014 avatar iampranavdhar avatar imemya19 avatar jhasuraj01 avatar joharikushagra avatar khareyash05 avatar khushi935 avatar kumarishalini6 avatar manugupta9780 avatar nanda-mik avatar pkspyder007 avatar prajakta2809 avatar pratikbaid3 avatar priyanshisharma avatar ruchikamuddinagiri avatar salil-naik avatar sarala-2210 avatar shashankmotruri avatar shubham-1105 avatar shwetalsoni avatar sonali-singh97 avatar sshivani-12 avatar subhangi2731 avatar uyadav207 avatar vanshikabhasin avatar yukti-09 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

feminist-bible-phase-2's Issues

IsLogged in

Make a controller function under authController to check if a user is logged in.

User authentication : Sign up

Build a sign up system from scratch. We won't be using things like passport js. Use bcrypt js for hashing the things. You can work on this issue once the user schema is created.

Bug in user schema

Make the following changes to the user schema:

  1. Remove trim from the password field
  2. Use naming convention such as firstName instead of firstname

Update the existing header component.

Refer to the design (Header 2 frame) and add the button and avatar to the existing header components. These two elements will be shown only when the user is logged in. Use states in React.

Add response status codes in the readme file

As we are making an API so we would have to send response status codes. Therefore we should have the status codes (those which are commonly used) mentioned in the readme file of the backend, so that everyone uses the same set of status codes.

Add new project

Under admin controller create a function to add new project. See the issue of project schema for the fields required in the projects

Update user profile

Write a controller function and necessary route for updating user profile

Add create story controller function

Under controllers directory in userController create a function to create a story . (It's for the scenario when users will write some story (post) ). Add a route and link this to the controller function. Please attach a screenshot of the response in the PR ( Test in postman)

Project schema, get all projects , get all projects by organization controller function.

In the site we are building , admins of an organization will add projects on which different members of the different organizations will collaborate on. We need the project title, project description, posted by ( the organization will be referenced), timestamps. For now just add these fields. Make a controller function to see all the organizations. Another controller function to get all the projects organization wise.

Make the blog-list page

Follow CSS BEM architecture.
Make a separate SCSS file for this page.
Do not compile scss.

Homepage UI

  • Use existing header, blogCard components
  • Use grid system

Project Schema

Create a project schema with fields project title, project description and posted by which should be an organization (referenced)

CI/CD for API and FrontEnd

automatically

  • run test cases for front-end and API codebase on each Pull Request (requirement: add database URI to repo secrets)
  • deploy frontend to github-pages on new commits to master (gh pages needs to be turned on in gh-pages branch)

Work on reset password functionality.

Use bcrypt js for encrypting the password. Use nodemailer to send the reset password email. On clicking the link user will have the option to enter new password and confirm password. Encrypt the password and save it to database. Let the user schema be created first then work on this

Create an admin schema

Create an admin schema . It should have the basic things as of now. Name, email, phone , password. Other things will be added later on.

UI for blog page

Follow CSS BEM architecture.
Make a separate SCSS file for this page.
Do not compile scss.

Make a footer component.

Kindly refer to the design and make the footer. All the dimensions should be pixel perfect. Use scss variables wherever necessary.

Create a user schema

It should have the basic things of user , eg: Name, email, phone, password. Other things will be added later on

Make registration page.

Refer to the design.

  • Add validations for email and password fields.
  • Use existing header and input components.

Admin Profile UI

Follow CSS BEM architecture.
Use the existing header, footer and blogCard components
Refer to the design Admin Profile

Avatar component

  1. Follow CSS BEM architecture.
  2. Use the existing avatar.scss file. Rename it to _avatar.scss
  3. Do not compile scss.

Create a blog-card component

Kindly refer to the design and make the blog card. All the dimensions should be pixel perfect. User variables wherever necessary.

Create Organization schema

Create an organization schema. It should includes fields name, email, totalMembers, password. These fields are enough for now. We will add other fields later on.

Approval system for story posting

When some organization will post some story it must be approved by the admin. Make the routes and controller function. For reference look at the approval system of organization registration

Make a story schema

It should have name, author, make author reference type. One field for storing the image for the story. Time when the story was posted. Heading of the story.

Admin Page

Please refer to the design. Make sure the UI is pixel perfect. Follow BEM notation.

Implement Swagger

Implement Swagger to document the REST APIs. So that the frontend developers can easily look into it and get the required endpoints easily

Get user profile

Write a controller function and add necessary route to get user profile

UI for Project Listing Page

Follow CSS BEM architecture.
Use the existing header, footer and projectCard components
Refer to the design project listing

Make the approval system

In our website some organizations will request for registration and soon they will register approved : false will be there in database.
So the admins should be able to see the approval requests. So that they can either accept or decline them. Make two other controller functions which will allow admin to accept the approval or to decline. Keep all these approval thing inside the adminController.js file

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.