All solutions

Greetings FEM community 🤘 This is my Fullstack solution to the comments section challenge.

Features

• Authentication: Register, login, logout (passwords encrypted)
• Send, edit, delete comments.
• Upvote and downvote comments.
• Infinite nested replies. (Reddit like)
• Hide & show replies.
• Live update comments with SocketIO
• Edit username, password, bio, avatar.
• Display profile cards by clicking on usernames.
• Users who's not logged in can only view comments & user infos.

Built With

• NextJS (Frontend)
• ExpressJS (Backend API)
• SocketIO (listen to comments live)
• MongoDB (user & comment documents)
• Cloudinary (store images)
• StyledComponents (CSS in JS)

Deployment

• Frontend: Vercel
• Backend: AWS EC2

It took me longer than I initially planned but I'm happy with the result :) If you find any bugs or have suggestions & questions feel free to shoot.

My introduction project to React. Challenging part was deploying the site correctly via webpack :) Any feedback is welcome.

This challenge took me longer than I expected with little tweaks it has in design and slide functionality for different screen sizes. Nevertheless had fun building it :) Looks like font-family used in design is no longer supported and changed to another version so font may be a little off.

Fun project to play with JavaScript. Storing dragged state to localStorage correctly was challenging and improved my DOM manipulation skills a lot. Any feedback is welcome.

I'd like to know if there are better approaches or suggestions regarding accessibility. Any other feedback is welcome :)

Any feedback is welcome.

This was a fun project to practice animations. Any feedback is welcome :)

Any feedback is welcome :) Especially regarding JS since this is my first project with it.

Any feedback is welcome :)

I couldn't match the fonts. Tried possible variations provided by font family, got close but there was slight difference on some parts (letter display or thickness). My guess is, font family got an update over time or a browser thing (tried on opera, firefox, chrome, edge).