Code Monkey home page Code Monkey logo

allez's People

Contributors

nzixuan avatar yeppog avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar

allez's Issues

Make username unique

Ensure during the registration process the usernames are unique. This is to make profile search easier

Create CommentComponent

Create the CommentComponent.

Refer to the schema:

export interface Comment {
  comments: Comment[];
  body: string;
  edited: boolean;
  username: string;
  avatarPath: string;
  createdAt: Date;
}

The component should take in the above props, and map it into a format similar to the post component. Refer to the illustration:

image

The reply button should open an input field for the user to reply to the comment.
The like button should not do anything for now.

Afterwards, update PostPageComponent to take in the new mapping for comments.

fix /updateprofile API

Need to add the following to the API:

  • Delete existing avatar from server to free up space when replacing avatar
  • Updating of other user details

Should remove unnecessary files from the server when they are no longer in use.

? - Keep an array of pointers to the old profile pictures to access them??

Handle user flow in frontend

Currently the only places that have proper user flows are in LoginComponent and RegisterComponent.

Error handling and passing error messages are required for the following components:

  • LoginComponent

  • Handle account not activated error

  • RegisterComponent

  • Handle existing username and email error

  • ProfileEditComponent

  • Handle validity of form (must not be empty)

User search API

As per title. Low data fetch users from database query based on matching characters.

Create post workflow and link the API endpoint to create a post.

The create post workflow should have the following items:

  • Add media button (accesses the phone file system => upload file button essentially)
  • Camera button (launches the device camera, desktop accesses the webcam (should be of similar functionality))
  • Post body
  • Tags

Refer to swagger API for the neccesary request body parameters.

Fix protected route rendering error.

Warning: Cannot update during an existing state transition (such as within `render`). Render methods should be a pure function of props and state.
    at LoginComponent (http://localhost:3000/static/js/main.chunk.js:1295:64)
    at Route (http://localhost:3000/static/js/vendors~main.chunk.js:236276:29)
    at Switch (http://localhost:3000/static/js/vendors~main.chunk.js:236478:29)
    at div
    at ThemeProvider (http://localhost:3000/static/js/vendors~main.chunk.js:185082:24)
    at App (http://localhost:3000/main.011ecfa4ce5efa712c51.hot-update.js:66:84)
    at Router (http://localhost:3000/static/js/vendors~main.chunk.js:235911:30)
    at BrowserRouter (http://localhost:3000/static/js/vendors~main.chunk.js:235531:35)
    at Provider (http://localhost:3000/static/js/vendors~main.chunk.js:232880:20)

Probably something to do with the redirects.

  • Make a better ProtectedRoute Component
  • Implement prop passing through Protected Route

Route schemas and API

As per title. Create the schema and allow for addition, deletion and editing of routes.

Should have the following parameters:

  • created at
  • name
  • gym
  • grade
  • color
  • mediaPath
  • posts (object reference)

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.